add video template 4

This commit is contained in:
make
2025-05-10 15:08:28 +08:00
parent 7627c37879
commit 309c4ed098
54 changed files with 11207 additions and 1386 deletions

View File

@@ -122,18 +122,12 @@
{block name="main"}
<div class="aaf99d lvshicms-container-bg padding-0" style="margin-top:-20px;">
<div class="bab1b0 container" style="z-index: 0;">
<h1 class="view-title">
{site:replace code="VIDEO@GETVIDEOPLAY@H1"}
</h1>
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEOPLAY@TEXT"}</h4>
<div class="d0f117 container static">
<div class="cca2ff layout-box top-weizhi mb-xs-10 hidden-sm hidden-xs">
<nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li style="margin-right:10px"><label><i class="baf725 fa fa-map-marker"></i></label></li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">首页</span>
@@ -154,225 +148,166 @@
<meta itemprop="position" content="3" />
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}'
itemprop="item">
<a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}' itemprop="item">
<span itemprop="name">{$arrVideo.v_name}</span>
</a>
<meta itemprop="position" content="4" />
</li>
全集在线播放
</ol>
</nav>
<div class="e35b87 player-wrapper clearfix" style="z-index: 999;">
<div class="e1110d lvshicms-player__item clearfix" style="background-color: #27272f;">
<div class="a7ffc5 relative clearfix" id="player-left">
</div>
<div class="ef235b lvshicms-player__box player-fixed">
<div class="a705ec tips close-box" style="background-color: #181515;">
<h1 class="view-title">
{site:replace code="VIDEO@GETVIDEOPLAY@H1"}
</h1>
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEOPLAY@TEXT"}</h4>
<div class="f46666 vod-play-box max clearfix">
<div class="c623cf col-md-wide-75 col-xs-1 p-xs-0 player-left mb-sm-0">
<div class="f068d9 player-tipss p-xs-10 text-center">正在播放:{$arrVideo.v_name}全集</div>
<div id="ewave_player" class="f42f9b m-xs-0">
<div id="dplayer" class="dplayer" muted=“muted” style="margin-top: 5px;"></div>
</div>
<div class="be7c98 details-tool clearfix">
<div class="c6ae48 user-bt pull-left">
<a rel="nofollow" class="fa43ba ewave_digg_link hidden-xs" href="javascript:void(0);"
data-id="89725" data-mid="1" data-type="up"><span class="f365f4 iconfont icon-ding"></span><span
class="e63fc1 digg_num">11</span></a>
<a rel="nofollow" class="bf6f6d ewave_digg_link hidden-xs" href="javascript:void(0);"
data-id="89725" data-mid="1" data-type="down"><span
class="d87240 iconfont icon-cai"></span><span class="c86e80 digg_num">95</span></a>
<a rel="nofollow" href="javascript:;"
onclick="copyToClipboard('http://www.xgcs8888.com/play/89725-2-1.html')">分享</a>
</div>
</div>
</div>
</div>
<div class="ffe090 row static">
<div class="ef3ec6 col-md-wide-75 col-sm-wide-1 pt-xs-0 pr-xs-5 main-left">
<div class="c57f18 pannel-box p-xs-10 clearfix">
<div class="d55cc0 col-md-1 col-xs-1 p-xs-10">
<div class="d3a73b b-player__detail">
<h1 class="e3dad6 title">
<a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}'>{$arrVideo.v_name}
全集</a>
</h1>
<p class="eee86d data margin-0">
<span class="d33e6f text-muted">类型:</span>
<a
class="e221a5 tips-close-btn pull-right" href="javascript:;">
<i class="ae97e1 fa fa-close"></i>
href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_parent_category}</a>
<a href='{site:vsurl key="$arrVideo.v_category" p="1"/}'>
{$arrVideo.v_category}
</a>
<ul>
<li>正在播放:{$arrVideo.v_name}-第{$Request.route.intPlayIndex}集</li>
</ul>
</div>
<div class="dplayer-prent">
<div id="dplayer" class="dplayer" muted=“muted” style="margin-top: 5px;"></div>
</div>
</div>
<ul class="e46e57 lvshicms-player__operate" style="background-color: #1b1a25;">
<li> <a href="javascript:;" onclick="window.location.reload()"><i
class="a330ca fa fa-spinner"></i> 刷新</a>
</li>
<li>
<a class="f4aa4c digg_link" data-id="90860" data-mid="1" data-type="up"
href="javascript:;">
<i class="ce7b63 fa fa-thumbs-up"></i>
<span nclass="d712b9 digg_num">{$arrVideo.v_score}</spanclass=>
</a>
</li>
<li>
<a class="c8cbc0 digg_link" data-id="90860" data-mid="1" data-type="down"
href="javascript:;">
<i class="d7a73d fa fa-thumbs-down"></i>
<span class="f60cfa digg_num">{$arrVideo.vc_clicks ?? 0}</span>
</a>
</li>
<!-- <li class="b269de playshare dropdown-hover"> <a href="javascript:;"><i
class="a5a6c4 fa fa-share font14"></i> 分享</a>
<div class="be59cf dropdown-box bottom fadeInDown clearfix">
<div class="ed9be4 item text-center" style="width: 260px;">
<div class="ad10df col-pd">
<p>复制下方内容粘贴给好友</p>
<p><textarea class="fe45d5 form-control content"
rows="4">我正在观看毕打职场笑传第01集地址https://www.dingzhu.net/product/90860-1-1.html</textarea>
</p>
<a class="ec0315 btn btn-xs btn-primary lvshicms-copy-html"
href="javascript:;">复制到剪贴板</a>
</div>
</div>
</div>
</li> -->
<!-- <li><a class="bbdb18 disabled" href=""><i class="b1d47a fa fa-caret-up"></i> 上集</a></li>
<li><a href="/product/90860-1-2.html"><i class="f38fad fa fa-caret-down"></i> 下集</a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="f49486 container">
<div class="f41398 row">
<div class="f30a1c col-xs-1">
<div class="ae33f8 lvshicms-player__data hidden-sm hidden-xs clearfix">
<div class="d368e1 col-pd">
<h3> {$arrVideo.v_name} <small class="e85030 text-muted">第{$Request.route.intPlayIndex}集</small> </h3>
<p class="e82edf text-muted margin-0"> {$arrVideo.v_publish_date}更新 / <span class="c8b71b text-red">{$arrVideo.v_score}分</span> /
{$arrVideo.v_parent_category} /
{volist name='$arrVideo.v_area' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
/
{$arrVideo.v_year} </p>
</div>
</div>
</div>
</div>
</div>
<div class="b949ce container">
<div class="d4cf89 row">
<div class="f608c5 col-xs-1 col-md-wide-75">
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
<div class="cfd65a lvshicms-panel lvshicms-panel-bg clearfix">
<div class="b3a7e3 lvshicms-panel-box clearfix">
<div class="e8c33d lvshicms-panel_hd">
<div class="f238a4 lvshicms-panel__head bottom-line active clearfix">
<h3 class="d82c55 title"> {$strPlayGroupName} </h3>
<span class="ace011 more text-muted"></span>
</div>
</div>
<div class="af83ff lvshicms-panel_bd clearfix">
<ul class="ec7fc4 lvshicms-content__list sort-list clearfix">
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
<li class="fe7195 col-lg-6 col-md-5 col-sm-4 col-xs-3">
<a class="bd8e2d btn btn-default"
href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}
</a>
</li>
<span class="e72b73 split-line"></span>
<span class="cb7cb1 text-muted">地区:</span>
{volist name='$arrVideo.v_area' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
</ul>
<span class="d16899 split-line"></span>
<span class="d003e3 text-muted">年份:</span>
{volist name='$arrVideo.v_lang' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
</p>
</div>
<div class="c7909c clearfix">
<div><span class="e98043 text-muted">提醒:</span><span
style="color: #5ab46a;">{$arrVideo.v_remarks}</span></div>
</div>
</div>
</div>
{/foreach}
<div class="fbb509 lvshicms-panel lvshicms-panel-bg clearfix">
<div class="de59fa lvshicms-panel-box clearfix">
<div class="c42a28 lvshicms-panel_hd">
<div class="bb7fba lvshicms-panel__head clearfix">
<h3 class="f3d3f6 title">剧情介绍</h3>
</div>
</div>
<div class="f42eb6 lvshicms-panel_bd">
<ul class="fee9ad lvshicms-vod-content col-pd clearfix">
<li class="ba9e50 col-pd">
<div class="d154e9 shrink-box shrinked">
<div class="acf872 shrink-text">
{$arrVideo.v_description|raw}</div>
</div>
</li>
</ul>
<div class="ab3c90 pannel-box clearfix">
<div class="b0d94d box-title"> <span class="bbbff1 title-lb"></span>
<h2>剧情介绍</h2>
</div>
<div class="ca7df5 col-md-1 col-sm-1 col-xs-1 detail-info">
<p class="cf2b48 txt-hidden one pointer v-description-centent">{$arrVideo.v_description|raw}</p>
<div class="eecdf1 text-center text-ccc slidedown pointer check-desc-btn" id="check-desc-btn"><span
class="fb1305 iconfont icon-down"></span>
</div>
</div>
</div>
<div class="cf2f0c lvshicms-panel lvshicms-panel-bg clearfix">
<div class="c47e1e lvshicms-panel-box clearfix">
<div class="e83124 lvshicms-panel_hd">
<div class="afb3ca lvshicms-panel__head bottom-line active clearfix">
<h3 class="d3b7c4 title">同类型</h3>
</div>
</div>
<div class="d5b99f lvshicms-panel_bd">
<ul class="bc7e71 lvshicms-vodlist__bd clearfix">
{video:list count="12"
v_category_en="$arrVideo.v_category_en"
v_lang_en="all"
v_area_en="all"
v_year="all"
sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-lg="4"/}
{/video:list}
</ul>
</div>
<div class="d8330c pannel-box clearfix">
<div class="cfff79 box-title"> <span class="c51a40 title-lb"></span>
<h2>播放列表</h2>
</div>
<?php $intStart = 29 ;?>
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
<?php $intStart + 10 ;?>
<div class="b0484f details-play-title clearfix playlist-slide">
<ul class="afde5f details-play-nav clearfix">
<li class="ed860e play-list-toggle"><a class="d6ceac gico wjm3u8">{$strPlayGroupName}</a></li>
</ul>
</div>
<div class="d0d414 details-play-list clearfix p-sm-5 p-xs-5 tab-content">
<ul class="a398d0 play-list fade-in clearfix">
<?php $intKey = 1 ;?>
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
<?php $intKey ++ ;?>
<li class="aa7fdb col-lg-8 col-md-6 col-sm-5 col-xs-4 p-xs-5 ewave-width-auto"
style="width:auto;max-width:100%;">
{if !empty($arrGrm[$intKey + $intStart])}
{$arrGrm[$intKey+$intStart]|raw}
{/if}
<a
href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}</a>
</li>
{/volist}
</ul>
</div>
{/foreach}
</div>
<div class="d6bc14 lvshicms-panel lvshicms-panel-bg clearfix">
<div class="e81862 lvshicms-panel-box clearfix">
<div class="fcdb67 lvshicms-panel_hd">
<div class="b6114e lvshicms-panel__head bottom-line active clearfix">
<h3 class="ae5ab2 title">猜你喜欢</h3>
<span class="fdf3d7 text-muted more pull-right"><a rel="nofollow" href="/case/tv.html">更多 <i
class="f36af8 fa fa-angle-right"></i></a></span>
</div>
</div>
<div class="b29ef1 lvshicms-panel_bd">
<ul class="d95dd8 lvshicms-vodlist__bd clearfix">
{video:list count="12"
v_category_en="$arrVideo.v_category_en"
v_lang_en="all"
v_area_en="all"
v_year="all"
sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-lg="4"/}
{/video:list}
</ul>
</div>
<div class="e46d16 pannel-box clearfix">
<div class="d12a41 box-title"> <span class="b30c2f title-lb"></span>
<h2>你可能还想看</h2>
</div>
<ul class="ee3aa8 img-list clearfix">
{video:list count="10"
v_category_en="$arrVideo.v_category_en"
v_lang_en="all"
v_area_en="all"
v_year="all"
sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-md="5"/}
{/video:list}
</ul>
</div>
</div>
<div class="e1d6ee hidden-xs hidden-sm col-md-wide-25">
<div class="cad2e9 lvshicms-panel lvshicms-panel-bg clearfix">
<div class="c161d4 lvshicms-panel-box clearfix">
<div class="b068f7 lvshicms-panel_hd">
<div class="cb5cbd lvshicms-panel__head bottom-line active clearfix">
<h3 class="b12e07 title">热播{$arrVideo.v_parent_category}</h3>
</div>
</div>
<div class="cf4a36 lvshicms-panel_bd clearfix">
<ul class="f9a6ab lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="18"
v_parent_category_en="$arrVideo.v_parent_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="25"/}
{/video:ranklist}
</ul>
</div>
<div class="df6f01 col-md-wide-25 pt-xs-0 clearfix main-right hidden-sm hidden-xs"
style="position:sticky;top:-10px;">
<div class="a3adbe pannel-box clearfix">
<div class="b9accb box-title "><span class="e664a5 iconfont icon-remen"></span>
<h2>热播推荐</h2>
</div>
<ul class="e4a3c4 txt-list txt-list-hot p-xs-0">
{video:ranklist count="20"
v_parent_category_en="$arrVideo.v_parent_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="11"/}
{/video:ranklist}
</ul>
</div>
</div>
</div>
</div>
<script>
const strMaxPlayHeight = '600px'
const strVideoId = `{$arrVideo.v_id}`;
const arrVideo = {
'v_id': `{$arrVideo['v_id']}`,
@@ -392,6 +327,26 @@
var intJumpTimeTwoEnd = 1;
var arrPlayUrl = {$arrVideo.v_play_url | json_encode | raw};
var strPlayUrl = ""
document.addEventListener('DOMContentLoaded', function () {
const trigger = document.querySelector('.check-desc-btn');
trigger.addEventListener('click', function () {
const parent = trigger.closest('.lvshicms-vodlist__box') || trigger.parentElement;
const description = parent.querySelector('p.v-description-centent');
if (description) {
description.classList.toggle('txt-hidden');
const icon = trigger.querySelector('.iconfont');
if (icon) {
icon.classList.toggle('icon-down');
icon.classList.toggle('icon-up');
}
trigger.setAttribute('aria-expanded', !description.classList.contains('txt-hidden'));
}
});
});
</script>
{/block}