87 lines
3.3 KiB
HTML
87 lines
3.3 KiB
HTML
<article class="{$TpStyle.dom_prefix}-d5-page">
|
|
|
|
<header class="{$TpStyle.dom_prefix}-d5-head">
|
|
<h1>{$arrVideo.v_name}</h1>
|
|
<p>{$arrVideo.v_year} · {$arrVideo.type.type_name} · {$arrVideo.v_area}</p>
|
|
</header>
|
|
|
|
<figure class="{$TpStyle.dom_prefix}-d5-fig">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
|
|
alt="{$arrVideo.v_name}"
|
|
class="{$TpStyle.dom_prefix}-d5-poster">
|
|
</figure>
|
|
|
|
{// 线路按钮条 }
|
|
<section class="{$TpStyle.dom_prefix}-d5-lines">
|
|
<div class="{$TpStyle.dom_prefix}-d5-linechips">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<button type="button"
|
|
class="{$TpStyle.dom_prefix}-d5-chip {eq name='$keyLineGroup' value='1'}active{/eq}"
|
|
onclick="d5Line('{$strPlayGroupName}', this)">
|
|
{$strPlayGroupName}
|
|
</button>
|
|
{/foreach}
|
|
</div>
|
|
|
|
<div class="{$TpStyle.dom_prefix}-d5-epswrap">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<div class="{$TpStyle.dom_prefix}-d5-eps {eq name='$keyLineGroup' value='1'}active{/eq}"
|
|
id="d5_eps_{$strPlayGroupName}">
|
|
<?php $keyLine = 0; ?>
|
|
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
|
|
<?php $keyLine++ ;?>
|
|
<a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$keyLine" /}'
|
|
class="{$TpStyle.dom_prefix}-d5-epbtn {if $keyLine == $Request.route.intPlayIndex}active{/if}"
|
|
m3u8="{$arrPlayUrl.url}">
|
|
{$arrPlayUrl.name}
|
|
</a>
|
|
{/volist}
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</section>
|
|
|
|
{// 简介分段 }
|
|
<section class="{$TpStyle.dom_prefix}-d5-info">
|
|
<h2>简介</h2>
|
|
<p>{$arrVideo.v_des}</p>
|
|
</section>
|
|
|
|
{// 综合推荐：同类 + 高票房 }
|
|
<section class="{$TpStyle.dom_prefix}-d5-rel">
|
|
<h3>你可能还喜欢</h3>
|
|
|
|
{video:listexp count="8" v_category="$arrVideo.v_category" d_key="key" d_val="Video"
|
|
export_name="arrRelMix" cache_life="3600" /}
|
|
<div class="{$TpStyle.dom_prefix}-d5-relgrid">
|
|
{volist name="arrRelMix" id="re"}
|
|
<a href="/detail/{$re.v_id}.html" class="{$TpStyle.dom_prefix}-d5-relcard">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$re.v_pic}"
|
|
alt="{$re.v_name}">
|
|
<p>{$re.v_name}</p>
|
|
</a>
|
|
{/volist}
|
|
</div>
|
|
</section>
|
|
|
|
</article>
|
|
|
|
<script>
|
|
function d5Line(name, el){
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-d5-eps')
|
|
.forEach(function(box){ box.classList.remove('active'); });
|
|
var t = document.getElementById('d5_eps_'+name);
|
|
if(t) t.classList.add('active');
|
|
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-d5-chip')
|
|
.forEach(function(c){ c.classList.remove('active'); });
|
|
el.classList.add('active');
|
|
}
|
|
</script>
|