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.
87 lines
3.6 KiB
87 lines
3.6 KiB
2 months ago
|
<?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>
|