<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title><{$info['name']}> - <{$config['name']}></title>
<link href="css/global.css?v=d4ecd76d" rel="stylesheet"><link href="css/live.css?v=d4ecd76d" rel="stylesheet"></head>
<body>
<header style="display:none;">
<a class="back" style="display:none;"></a>
<{$config['name']}>
</header>
<div class="main">
<!--视频-->
<div class="banner">
<div class="poster">
<img src="<{$info['pic_cover_169']}>"
alt="" class="media-cover">
<{if($info['status'] != 1):}>
<div class="ico-video-play"></div>
<{endif}>
</div>
<div class="video-cont">
<video class="video-js" id="demo-video"></video>
</div>
<a class="btn-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，查看更多精彩直播>></a>
</div>
<h1 class="h1"><{$info['name']}></h1>
<{if($info['status'] == 1 || $info['status'] == 3):}>
<!-- 直播未开始/直播结束 -->
<div class="unliving">
<{if($info['status'] == 1):}>
<!-- 未开始 -->
<div class="live-forecast"><span>本次直播将于<{$info['sdate_time']}>开始</span></div>
<a class="app-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，开启直播提醒</a>
<{elseif($info['status'] == 3):}>
<!-- 已结束 -->
<a class="app-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，查看更多精彩直播</a>
<{endif}>
<div class="rich-wrapper">
<!--段落-->
<{$info['content']}>
</div>
</div>
<{elseif($info['status'] == 2):}>
<!-- 直播中 -->
<div class="living" >
<div class='living-tabs'>
<div data-tabid='1' class='cur'>在线互动</div>
<div data-tabid='2'>直播介绍</div>
</div>
<{if(isset($comment) && $comment && in_array(2, $info['function'])):}>
<div class='message' tab-type="living-tab" tabid="1">
<{loop($comment):}>
<div class='item'>
<div class='user'>
<img src='<{isset($v['avatar']) ? $v['avatar'] : ""}>' />
</div>
<div class='info clearfix'>
<div class='username text-ellipsis'>
<span><{$v['username']}></span>
</div>
<div class='txt'>
<span>
<{$v['content']}>
</span>
</div>
</div>
</div>
<{endloop}>
<a class="app-open" href="<{$app}>" style="display:none;">打开JSTYLE精美APP，查看全部评论</a>
</div>
<{endif}>
<div class="rich-wrapper" tab-type="living-tab" tabid="2" style="display:none;">
<{$info['content']}>
</div>
</div>
<{endif}>
</div>
<dl class="fixed-app-open">
<dt>
<img src="images/logo.png" alt="">
<div>
<h3>JSTYLE精美</h3>
<span>我的时尚指南</span>
</div>
</dt>
<dd>
<a href="<{$app}>">打开APP</a>
</dd>
</dl>
<script type="text/javascript" src="js/global.js?v=d4ecd76d"></script><script type="text/javascript" src="js/live.js?v=d4ecd76d"></script></body>
<{Dever::render('share', $this->data)}>
<script>
var videos = '';
<{if($info['status'] == 2):}>
videos = '<{$info['stream_hls']}>';
<{elseif($info['status'] == 3):}>
videos = '<{$info['url']}>';
<{endif}>
$('.ico-video-play').click(function(){
$('.video-cont').show();
$('.poster').hide();
var player = $('#demo-video')[0];
player.src = videos;
player.load();
player.play();
player.addEventListener('pause', function () {
$('.video-cont').hide();
$('.poster').show();
},false);
player.addEventListener('ended', function () {
$('.video-cont').hide();
$('.poster').show();
},false);
})
</script>
<script>
$('.living-tabs').on('click', 'div', function () {
var tabid = $(this).data('tabid');
$(this).addClass('cur').siblings().removeClass('cur');
$('[tab-type="living-tab"]').hide().filter('[tabid="'+tabid+'"]').show();
})
</script>
</html>