|
|
|
<?php
|
|
|
|
//视频播放器
|
|
|
|
|
|
|
|
?>
|
|
|
|
<!-- 顶部导航栏模块 -->
|
|
|
|
<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 !empty($viewData['videoName']) ? $viewData['videoName'] : $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=""
|
|
|
|
data-src="<?php echo $viewData['videoUrl']; ?>"
|
|
|
|
data-type="<?php echo $viewData['videoSourceType']; ?>"
|
|
|
|
id="my-player">
|
|
|
|
</video>
|
|
|
|
<div class="text-right mt-2 mr-1">
|
|
|
|
<?php if (!empty($viewData['isAdminIp'])) { ?>
|
|
|
|
<button class="btn btn-default btn-snapshot">
|
|
|
|
<img src="/img/beauty/video_dir.png" alt="download icon" width="20">
|
|
|
|
生成封面图
|
|
|
|
</button>
|
|
|
|
<?php } ?>
|
|
|
|
<?php if ($viewData['videoExtension'] != 'm3u8') { ?>
|
|
|
|
<a class="btn btn-default ml-1" href="<?php echo $viewData['videoUrl']; ?>&download=1">
|
|
|
|
<img src="/img/download.png" alt="download icon" width="20">
|
|
|
|
下载
|
|
|
|
</a>
|
|
|
|
<?php } ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php if (!empty($viewData['cacheParentDataId']) || !empty($viewData['page'])) { ?>
|
|
|
|
<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-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']; ?>"
|
|
|
|
data-api="<?php echo !empty($viewData['cacheParentDataId']) ? '/list/' : '/list/bydate/'; ?>"
|
|
|
|
data-year="<?php echo $viewData['para_year']; ?>"
|
|
|
|
data-month="<?php echo $viewData['para_month']; ?>"
|
|
|
|
class="othervideos"><div class="ml-1">...</div></div>
|
|
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/template" id="template_video_item">
|
|
|
|
<div class="im_item col-xs-6">
|
|
|
|
<a href="{videoUrl}" class="bor_radius" title="{title}">
|
|
|
|
<img src="/img/beauty/video_snap.jpg" class="bor_radius im_img video-poster" id="poster_{videoId}"
|
|
|
|
data-video-id="{videoId}"
|
|
|
|
data-video-url="{videoPath}"
|
|
|
|
alt="">
|
|
|
|
<div class="im_img_title">
|
|
|
|
<span class="right-bottom">
|
|
|
|
{title}
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<img src="/img/video-play.svg" class="playbtn hide" alt="video play button">
|
|
|
|
<span class="duration">00:00:00</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</script>
|