91 lines
3.4 KiB
HTML
91 lines
3.4 KiB
HTML
<section class="{$TpStyle.dom_prefix}-d4-page">
|
|
|
|
<header class="{$TpStyle.dom_prefix}-d4-head">
|
|
<h1>{$arrVideo.v_name}</h1>
|
|
</header>
|
|
|
|
<div class="{$TpStyle.dom_prefix}-d4-meta">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
|
|
alt="{$arrVideo.v_name}"
|
|
class="{$TpStyle.dom_prefix}-d4-img">
|
|
|
|
<div class="{$TpStyle.dom_prefix}-d4-table">
|
|
<p><span>类型</span><span>{$arrVideo.type.type_name}</span></p>
|
|
<p><span>年份</span><span>{$arrVideo.v_year}</span></p>
|
|
<p><span>地区</span><span>{$arrVideo.v_area}</span></p>
|
|
<p><span>语言</span><span>{$arrVideo.v_lang}</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
{// 下拉选择线路 }
|
|
<div class="{$TpStyle.dom_prefix}-d4-linebox">
|
|
<label>播放线路：</label>
|
|
<select onchange="d4SelectLine(this.value)">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<option value="{$strPlayGroupName}" {eq name='$keyLineGroup' value='1'}selected{/eq}>
|
|
{$strPlayGroupName}
|
|
</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
|
|
{// 集数列表：有序列表 }
|
|
<div class="{$TpStyle.dom_prefix}-d4-eplist">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<ol class="{$TpStyle.dom_prefix}-d4-ol {eq name='$keyLineGroup' value='1'}active{/eq}"
|
|
id="d4_ol_{$strPlayGroupName}">
|
|
<?php $keyLine = 0; ?>
|
|
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
|
|
<?php $keyLine++ ;?>
|
|
<li>
|
|
<a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$keyLine" /}'
|
|
class="{if $keyLine == $Request.route.intPlayIndex}active{/if}"
|
|
m3u8="{$arrPlayUrl.url}">
|
|
{$arrPlayUrl.name}
|
|
</a>
|
|
</li>
|
|
{/volist}
|
|
</ol>
|
|
{/foreach}
|
|
</div>
|
|
|
|
{// 简介 }
|
|
<article class="{$TpStyle.dom_prefix}-d4-desc">
|
|
<h2>内容简介</h2>
|
|
<p>{$arrVideo.v_des}</p>
|
|
</article>
|
|
|
|
{// 同年份推荐 }
|
|
<section class="{$TpStyle.dom_prefix}-d4-rel">
|
|
<h3>{$arrVideo.v_year} 年度影片推荐</h3>
|
|
|
|
{video:listexp count="6" v_year="$arrVideo.v_year" d_key="key" d_val="Video"
|
|
export_name="arrRelYear" cache_life="3600" /}
|
|
<div class="{$TpStyle.dom_prefix}-d4-grid">
|
|
{volist name="arrRelYear" id="re"}
|
|
<a href="/detail/{$re.v_id}.html" class="{$TpStyle.dom_prefix}-d4-card">
|
|
<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>
|
|
|
|
</section>
|
|
|
|
<script>
|
|
function d4SelectLine(name){
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-d4-ol')
|
|
.forEach(function(el){ el.classList.remove('active'); });
|
|
var target = document.getElementById('d4_ol_'+name);
|
|
if(target){ target.classList.add('active'); }
|
|
}
|
|
</script>
|