Source code of filesite.io.
https://filesite.io
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
3.6 KiB
86 lines
3.6 KiB
<?php |
|
//MP3播放器 |
|
|
|
?> |
|
<!-- 顶部导航栏模块 --> |
|
<nav class="navbar navbar-default navbar-fixed-top navbarJS"> |
|
<div class="container-fluid"> |
|
<!-- Brand and toggle get grouped for better mobile display navbar-inverse--> |
|
<div class="navbar-header"> |
|
<div class="navbar-toggle"> |
|
<img class="svg icon1 svgimg lampJS verMiddle" src="/img/beauty/buld.svg" alt="点击关灯/开灯" title="点击关灯/开灯"> |
|
</div> |
|
|
|
<a class="navbar-brand" href="/"> |
|
<span class="verMiddle">正在播放</span> |
|
</a> |
|
<span class="navbar-text videotitle"><?php echo $viewData['videoFilename']; ?></span> |
|
</div> |
|
|
|
<!-- Collect the nav links, forms, and other content for toggling --> |
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
|
<div class="nb_right nav navbar-nav navbar-right hidden-xs"> |
|
<img class="svg icon1 svgimg iconr2 lampJS verMiddle" src="/img/beauty/buld.svg" alt="点击关灯/开灯" title="点击关灯/开灯"> |
|
</div> |
|
</div><!-- /.navbar-collapse --> |
|
</div><!-- /.container-fluid --> |
|
</nav> |
|
|
|
|
|
<div class="row"> |
|
<div class="col col-md-8"> |
|
<div class="videoplayer"> |
|
<video |
|
data-id="<?php echo $viewData['videoId']; ?>" |
|
data-screenshot-start="<?php echo FSC::$app['config']['screenshot_start']; ?>" |
|
class="video-js vjs-big-play-centered vjs-fluid vjs-16-9" |
|
controls |
|
playsinline |
|
poster="/img/beauty/audio_bg.jpg" |
|
data-src="<?php echo $viewData['videoUrl']; ?>" |
|
data-type="<?php echo $viewData['videoSourceType']; ?>" |
|
id="my-player"> |
|
</video> |
|
<div class="text-right mt-2 mr-1"> |
|
<a class="btn btn-default" href="<?php echo $viewData['videoUrl']; ?>&download=1"> |
|
<img src="/img/download.png" alt="download icon" width="20"> |
|
下载音乐 |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col col-md-4 morevideos"> |
|
<hr class="visible-xs"> |
|
<div class="btn_autoplay text_dark"> |
|
自动播放： |
|
<div class="btn-group" role="group"> |
|
<button class="btn btn-default btn-xs autoplay_disabled">关闭</button> |
|
<button class="btn btn-primary btn-xs autoplay_enabled">开启</button> |
|
</div> |
|
</div> |
|
|
|
<div |
|
data-type="audio" |
|
data-id="<?php echo $viewData['videoId']; ?>" |
|
data-pid="<?php echo $viewData['cateId']; ?>" |
|
data-cid="<?php echo $viewData['cacheParentDataId']; ?>" |
|
data-page="<?php echo $viewData['page']; ?>" |
|
data-page-size="<?php echo $viewData['pageSize']; ?>" |
|
class="othervideos audiolist"><div class="ml-1">...</div></div> |
|
</div> |
|
</div> |
|
|
|
<script type="text/template" id="template_video_item"> |
|
<div class="col-xs-12 mb-1 audio-item"> |
|
<a href="{videoUrl}" title="{title}"> |
|
<img src="/img/beauty/audio_icon.jpeg?v1" class="bor_radius video-poster" id="poster_{videoId}" |
|
width="60" height="60" |
|
data-video-id="{videoId}" |
|
data-video-url="{videoPath}" |
|
alt=""> |
|
<span class="duration">00:00:00</span> |
|
<span class="title">{title}</span> |
|
<!--img src="/img/video-play.svg" class="playbtn hide" alt="video play button"--> |
|
</a> |
|
</div> |
|
</script>
|
|
|