87 lines
2.9 KiB
HTML
87 lines
2.9 KiB
HTML
<section class="{$TpStyle.dom_prefix}-p4-page">
|
|
|
|
<div class="{$TpStyle.dom_prefix}-p4-top">
|
|
<div id="dplayer" class="{$TpStyle.dom_prefix}-p4-dp"></div>
|
|
</div>
|
|
|
|
<header class="{$TpStyle.dom_prefix}-p4-info">
|
|
<h1>{$arrVideo.v_name}</h1>
|
|
<p>{$arrVideo.v_year} · {$arrVideo.v_category} · {$arrVideo.v_area}</p>
|
|
</header>
|
|
|
|
{// 下拉线路 }
|
|
<div class="{$TpStyle.dom_prefix}-p4-linebar">
|
|
<label>线路：</label>
|
|
<select onchange="p4SelectLine(this.value)">
|
|
<?php $lineIndex=0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType}
|
|
<?php $lineIndex++; ?>
|
|
<option value="{$strPlayGroupName}" {eq name='$lineIndex' value='1'}selected{/eq}>
|
|
{$strPlayGroupName}
|
|
</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
|
|
{// 有序集数 }
|
|
<div class="{$TpStyle.dom_prefix}-p4-eplist">
|
|
<?php $lineIndex=0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType}
|
|
<?php $lineIndex++; ?>
|
|
<ol class="{$TpStyle.dom_prefix}-p4-ol {eq name='$lineIndex' value='1'}active{/eq}"
|
|
id="p4-ol-{$strPlayGroupName}">
|
|
<?php $epIndex=0; ?>
|
|
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
|
|
<?php $epIndex++; ?>
|
|
<li>
|
|
<a href='{site:vpurl
|
|
v_id="$arrVideo.v_id"
|
|
v_py="$arrVideo.v_name_en"
|
|
play_type="$strPlayGroupName"
|
|
play_index="$epIndex"
|
|
/}'
|
|
class="{if $epIndex == $Request.route.intPlayIndex}active{/if}"
|
|
m3u8="{$arrPlayUrl.url}">
|
|
{$arrPlayUrl.name}
|
|
</a>
|
|
</li>
|
|
{/volist}
|
|
</ol>
|
|
{/foreach}
|
|
</div>
|
|
|
|
{// 简介 }
|
|
<article class="{$TpStyle.dom_prefix}-p4-desc">
|
|
<h2>简介</h2>
|
|
<p>{$arrVideo.v_description|raw}</p>
|
|
</article>
|
|
|
|
{// 推荐，简洁版 }
|
|
<section class="{$TpStyle.dom_prefix}-p4-rel">
|
|
<h3>同类推荐</h3>
|
|
<div class="{$TpStyle.dom_prefix}-p4-grid">
|
|
{video:list count="6"
|
|
v_category_en="$arrVideo.v_category_en"
|
|
sort_type="news"
|
|
d_key="rk" d_val="Video" cache_life="3600"}
|
|
|
|
<a href="/detail/{$Video.v_id}.html" class="{$TpStyle.dom_prefix}-p4-card">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$Video.v_pic}">
|
|
<p>{$Video.v_name}</p>
|
|
</a>
|
|
{/video:list}
|
|
</div>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
<script>
|
|
function p4SelectLine(name){
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-p4-ol')
|
|
.forEach(function(el){ el.classList.remove('active'); });
|
|
var t = document.getElementById('p4-ol-'+name);
|
|
if(t) t.classList.add('active');
|
|
}
|
|
</script>
|