[code]
my $pic1="${文章模板类型}";
if ($pic1 eq 'text'){
  $html = <<'HTML_END';
<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="http://www.hn.chinanews.com.cn/new/newcss/big23.css"  media="screen and (min-width: 1001px)" />
<link rel="stylesheet" type="text/css" href="http://www.hn.chinanews.com.cn/new/newcss/small59.css" media="screen and (min-width:0px) and (max-width: 1000px)" />
<title>${标题} - 中国新闻网湖南</title>
<link rel="shortcut icon" href="https://www.hn.chinanews.com/images/01.ico" type="image/x-icon" />
<meta name="keywords" content="${标题}">
<meta name="Description" content="${标题}">
</head>
<body style=" background:#f5f5f5;">

<!--#include virtual="/2024toppage.html"-->

<style>.pictext {
  text-indent: 0 !important;
  text-align: center;
  color:#666;!important;
}</style>

<div class="container">
  <article>
  <div class="article-meta" style="text-align:left;">
  <div class="smalllogo"><img src="https://www.hn.chinanews.com.cn/hnjjdy/csxyj/2021/0114/U27P9T14D31459F193DT20220429105056.jpg"></div>
        <span>当前位置：<a href="https://www.hn.chinanews.com.cn/">首页</a>>>${本页位置}</span>
      </div>
    <div class="article-header">
      <h1 class="article-title">${标题}</h1>
      <div class="article-meta">
	   <span>来源：${来源}</span>
        <span>${发布时间}</span>
		 <span>${作者}</span>
      </div>
	  <div class="article-meta1" style="clear:both;">
        <span>${来源}</span>
		 <span>${作者}</span>
      </div>
	  <div class="article-meta1" style="clear:both;">
        <span>${发布时间}</span>
      </div>
    </div>
<div style="width:100%; height:1px; clear:both; margin-bottom:10px;"></div>
    <div class="article-content">${显示图片1}${显示图片2}${显示图片3}${显示图片4}${显示图片5}${显示图片6}${显示图片7}${显示图片8}${显示图片9}
${新视频播放器显示}
     ${正文分页}
 <div style="text-align:right;margin:10px 8px;;">
       【编辑：${编辑}】 
	
</div>
      <div style="text-align:left;margin:32px 0;">
         <div class="bdsharebuttonbox" style="width:inherit;" ><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://www.hn.chinanews.com/js/share2025.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> 

	
</div>
      </div>
    </div>

    <!-- 评论区 -->
    <!-- 经济新闻推荐 -->
  </article>

  <!-- ============ 右侧边栏 ============ -->
  <aside class="sidebar">
    <div class="widget">
      <div class="widget-title"><a href="http://www.hn.chinanews.com.cn/news/hnyw/index.shtml"  TARGET="_blank">湖南要闻</a></div>
      <ul class="news-list">
         ${湖南要闻}
      </ul>
    </div>

    <div class="widget">
      <div class="ad-slot"> <a href="https://www.zoomlion.com/" target="_blank"><img src="https://www.hn.chinanews.com/hnjjdy/csxyj/2021/0114/U27P9T14D31459F193DT20210823093018.gif" width="380" height="240" border="0" /></a></div>
    </div>

    <div class="widget">
      <div class="widget-title"><a href="http://www.hn.chinanews.com.cn/news/sp/index.shtml"  TARGET="_blank">中新视频</a></div>
      <div class="video-container">
        <!-- 上方两个横向视频 -->
        <div class="video-row">
          ${中新视频}
        </div>
        <!-- 下方四条文字链接 -->
        <ul class="video-links">
          ${视频要闻}
        </ul>
      </div>
    </div>

    <div class="widget">
      <div class="widget-title">镜观湖南</div>
      <div class="photo-grid">
       ${镜观湖南}
      </div>
    </div>

    <div class="widget">
        <iframe width="380" height="550" class="share_self"  frameborder="0" scrolling="no" src="https://widget.weibo.com/weiboshow/index.php?language=&width=380height=550&fansRow=1&ptype=1&speed=100&skin=1&isTitle=1&noborder=0&isWeibo=1&isFans=0&uid=1223117947&verifier=8c7cfa58&dpc=1"></iframe>
    </div>
  </aside>
</div>
<!--#include virtual="/2026bottom.html"-->

<script src="//www.chinanews.com.cn/js/jquery1.4.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="//www.chinanews.com.cn/part/cns_public/120/wxshare.js?aa"></script>
<script>
  \$(function(){
    var useragent = navigator.userAgent;
    if(useragent.indexOf('MicroMessenger')> -1){
      var share_title ='${标题}';
      var share_desc = "中国新闻网 梳理天下新闻";

      var share_url = window.location.href.split('#')[0];
      var share_img = "https://i2.chinanews.com/thumbnailzhi44.png";

      wxshare(share_title,share_desc,share_img,share_url,"hn",false,false); //哪家公众号;微信接口中是不是debug;是否使用测试lc接口
    }
})
</script> 
</body>
</html>
HTML_END
} elsif ($pic1 eq 'video') {
  $html = <<'VIDEO_END';
 <!DOCTYPE html>
<!-- saved from url=(0070)https://www.chinanews.com.cn/shipin/cns-d/2026/05-07/news1053385.shtml -->
<html><head> <meta https-equiv="Content-Type" content="text/html; charset=gb2312" /><style class="vjs-styles-defaults">
      .video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
    </style><style class="vjs-styles-dimensions">
      .mini_player-dimensions {
        width: 1280px;
        height: 720px;
      }

      .mini_player-dimensions.vjs-fluid {
        padding-top: 56.25%;
      }
    </style>
<title>${标题} - 中国新闻网湖南</title>
<link rel="shortcut icon" href="https://www.hn.chinanews.com/images/01.ico" type="image/x-icon" />
<meta name="keywords" content="${标题}">
<meta name="Description" content="${标题}" >
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome">

  <!--pc和手机适配代码开始-->
  <script>
    document.write('<scr' + 'ipt src="http://www.hn.chinanews.com/2025js/36_utf8.js?t=' + new Date().getFullYear() + '_' + new Date().getMonth() + '"></scr' + 'ipt>');
  </script><script src="http://www.hn.chinanews.com/2025js/36_utf8.js"></script>

  <!--pc和手机适配代码结束-->
  

  <link href="http://www.hn.chinanews.com/2025js/bass.css" rel="stylesheet" type="text/css">

  <link rel="stylesheet" href="http://www.hn.chinanews.com.cn/2025js/128.css">

    <link rel="stylesheet" href="http://www.hn.chinanews.com/2025js/video-js2020.css"> 
    <link rel="stylesheet" href="http://www.hn.chinanews.com/2025js/videojs-overlay.css">
    <link rel="stylesheet" href="http://www.hn.chinanews.com/2025js/videojs_self_test.css">
   
  <script src="http://www.hn.chinanews.com/2025js/jquery1.4.js"></script>


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
</head>

<body>
  
 <!--#include virtual="/2024toppage.html"-->

<div class="clear"></div>

<!--<meta name="chinanews_site_verification" content="ee6e9409176778b13b463c3a3219c730"/>-->
<!--4,319,140 published at 2026-03-25 15:30:52 by 947-->
<div class="clear"></div>
  <div class="videoplay">
    <div class="w1280" id="playerwrap">
      <div class="content_title">
        <div class="title">${标题}</div>
        <div class="left">
          <p> 发布时间：${发布时间} &nbsp;&nbsp;&nbsp;&nbsp;来源：${来源}</p>
        </div>
        <div class="right">
          
          <!-- <link rel="stylesheet" href="/test/fabu/2019-05-20/1293/share.min.css"> -->
       

        </div>
        <div class="clear"></div>
      </div>

      <div class="video-pic">
        <div id="dgqlayer" class="dgqlayer vjs-controlbar-fixed" style="width: 960px; height: 540px;">
          <div class="close-btn"></div>
        </div>

          <div id="rel-news" style="display: block;">
          <div class="rel">精彩视频</div>
          <div class="rel-news-list">
            <ul>
              <!--[883,34,64] published at 2022-11-11 08:51:37 from #202 by 574-->
${精彩视频}
            </ul>
          </div>
        </div>

      </div>

      <div class="content_desc">
         ${正文分页}
        <p class="content_editor"><span>责任编辑：【${编辑}】</span></p>
      </div>
	<div class="bdsharebuttonbox left">
            <div style="text-align:left;margin:32px 0;">
         <div class="bdsharebuttonbox" style="width:inherit;" ><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://www.hn.chinanews.com/js/share2025.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> 

	
</div>
      </div>
          </div>  
      <div class="clear"></div>

    </div>
    <!-- <div class="w1280" style="margin-bottom:90px; overflow:hidden;">

    </div> -->
  </div>
  <div class="clear"></div>

  <div class="w1000 m_center">
    <!-- 竞价广告开始 -->
    <div class="cns_video_advert">

    </div>
    <!-- 竞价广告结束 -->
    <!-- 视频广告开始 -->
    <div class="cns_video_advert" id="sptc">


    </div>
    <!-- 视频广告结束 -->
    <!-- 对联游标广告开始 -->
    <div class="cns_video_advert">

    </div>
    <!-- 对联游标广告结束 -->
  </div>


<script>
function changeCurrent(thisli) {
    if(thisli.className=="current"){return}
    else{
        $(thisli).siblings().removeClass("current");
        $(thisli).addClass("current");
    }
}
</script>

<div class="clear"></div>
            <!--底部-->
            <!--页底end-->
            <!--<meta name="chinanews_site_verification" content="ddae4b8f68cf08ed77521542ee13c783"/>-->
            <!--4,319,141 published at 2025-10-13 11:21:43 by 719-->
<script src="http://www.hn.chinanews.com/hnjjdy/csxyj/2021/0114/U27P9T14D31459F193DT20260511104844.js"></script>
         
          <script src="http://www.hn.chinanews.com/2025js/videojs-overlay.min.js"></script>
          <script src="http://www.hn.chinanews.com/2025js/videoPlay_demo2020.js"></script>
  <script src="http://www.hn.chinanews.com/2025js/videocommon.js"></script>
  <!--–[if lt IE 9]-->
    <script src="http://www.hn.chinanews.com/2025js/swfobject.js"></script>
    <script src="http://www.hn.chinanews.com/2025js/getUrlVars.js"></script>
    <!--[endif]–-->
<script type="text/javascript">
  $(function () {
    var mini_player_width = 960;
    var mini_player_height = 540;
      // $(".rel-news-list li").click(function(){
      //   $(this).addClass("current").siblings("li").removeClass("current");
      //   var rel_src=$(this).attr("rel_src");
      //   vids.find("video").attr("src",rel_src);
      //   vids.find("source").attr("src",rel_src);
      //   vids.find("video").get(0).play();
      // })

      $("#copylink").click(function(){
        var input = $("<input value =" + window.location.href + ">");
        $("body").prepend(input);
        $("body").find("input").eq(0).select();
        document.execCommand("copy");
        $("body").find("input").eq(0).remove();
        alert("链接复制成功！");
      })

    topnav1();

    var videoWrap = document.getElementById("dgqlayer");
    //视频播放器使用
    //if((window.navigator.userAgent.indexOf("compatible") > -1 && window.navigator.userAgent.indexOf("MSIE") > -1) || window.navigator.userAgent.indexOf("rv:11.0) like Gecko") > -1){ //ie内核使用flash
    if ((window.navigator.userAgent.indexOf("compatible") > -1 && (window.navigator.userAgent.indexOf("MSIE 7.0") > -1 || window.navigator.userAgent.indexOf("MSIE 8.0") > -1))) { //只ie6 7 8使用flash
      //addElement();
      var vList = new Array();
var vClass = new Array();
vList.push('${标题}|https://poss-videocloud.cns.com.cn/oss/2026/05/07/chinanews/MEIZI_YUNSHI/uploadImage/69fae8e68d8d2370afa36218_small.jpg|/shipin/cns-d/2026/05-07/news1053385.shtml');
<!-- 分类列表s -->
<!--[910,1,17] published at 2019-04-09 17:22:20 from #10 by &#65533;&#65533;&#491;,designer:shijinshan  maker:lijian zhaoqian -->
vClass.push('&#65533;&#65533;&#65533;&#65533;1+1&#65533;&#65533;&#65533;&#65533;&#695;&#65533;&#315;&#65533;&#65533;&#65533;&#65533;&#483;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1386;&#65533;&#65533;|http://i2.chinanews.com/simg/tvmimg/2019/04-08/1252132_sm.jpg|/sh/shipin/2019/04-09/news810760.shtml');vClass.push('&#65533;&#308;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1598;&#65533;&#65533;&#65533;&#621;&#65533;&#1467;&#65533;&#65533;&#65533;&#65533;&#766;&#569;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1725;&#65533;&#65533;&#381;&#65533;&#65533;&#65533;|http://videoclips.chinanews.com/oss/onair/zxw/szuser/d2427989580a44749c3cb8100b7afa13.jpg|/sh/shipin/cns-d/2019/04-08/news810669.shtml');vClass.push('&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#637;&#65533;&#65533;&#65533;亣&#65533;&#65533;1050&#65533;&#65533;&#65533;&#65533;&#65533;±&#65533;&#65533;&#65533;1&#65533;&#65533;1&#1209; &#1457;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#867;&#65533;&#65533;&#65533;&#65533;|http://videoclips.chinanews.com/oss/onair/zxw/szuser/e7a8a2f1b76846c18c7998f73cf4e05d.jpg|/shipin/cns-d/2019/04-08/news810668.shtml');vClass.push('&#65533;&#65533;&#1134;&#65533;&#65533;&#65533;&#764;&#65533;&#65533;&#65533;&#549;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#1329;&#555;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;|http://i2.chinanews.com/simg/tvmimg/2019/04-08/1251639_sm.jpg|/shipin/2019/04-08/news810606.shtml');vClass.push('&#65533;&#65533;&#65533;&#65533;&#65533;г&#65533;&#65533;&#65533;&#65533;&#1141;&#65533;·&#65533;&#255;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#879;&#891;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1662;&#65533;&#65533;&#65533;|http://videoclips.chinanews.com/oss/onair/zxw/szuser/5d4f514a60574363b57a243bd6df06d7.jpg|/shipin/cns-d/2019/04-08/news810601.shtml');vClass.push('&#65533;&#308;&#65533;&#1211;&#65533;&#65533;&#65533;&#65533;м&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#731255;&#65533;&#65533;&#1460;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;|http://videoclips.chinanews.com/oss/onair/zxw/szuser/0853ce6107724967b69addee6741e395.jpg|/shipin/cns-d/2019/04-07/news810600.shtml');vClass.push('&#829;&#65533;&#244;&#65533;&#65533;&#65533;&#65533;&#65533;&#487;&#65533;&#44331;&#883;&#1008;&#65533;&#1507;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#938;&#65533;&#65533;&#65533;&#366;&#1250;&#673;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;|http://i2.chinanews.com/simg/reportmanuscript/2019/04-07/111130_sm.jpg|/shipin/cns/2019/04-07/news810599.shtml');vClass.push('С&#65533;&#65533;&#65533;&#64757;&#65533;&#65533;&#65533;б&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#1019;&#1588;&#65533;&#65533;&#65533;&#65533;&#1325;&#65533;&#65533;|http://i2.chinanews.com/simg/tvmimg/2019/04-07/1251409_sm.jpg|/sh/shipin/2019/04-07/news810594.shtml');vClass.push('&#65533;&#308;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#763;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;廨&#637;&#65533;&#65533;|http://videoclips.chinanews.com/oss/onair/zxw/szuser/2ef61ee831c54fe4acd26dbab6a14a51.jpg|/sh/shipin/cns-d/2019/04-07/news810597.shtml');vClass.push('&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1250;&#65533;&#65533; &#65533;&#65533;&#764;&#65533;&#65533;&#65533;&#1211;&#65533;|http://i2.chinanews.com/simg/tvmimg/2019/04-07/1251216_sm.jpg|/sh/shipin/2019/04-07/news810596.shtml');

<!-- 分类列表e -->
var isExist=false;
var inext=1;
var current=new Date().getTime();
//填充li
for(var i=0;i<vClass.length;i++){
	var vItem=vClass[i].split('|');
	if(vItem.length>2){
		//vList
		if(isExist){
			vList.push(vClass[i]+'%3fr='+current);
			inext=i;
		}
	}
}
if(vList.length<2){
	for(var i=0;i<4&&i<vClass.length;i++){
			vList.push(vClass[i]+'%3fr='+current);
		}
}
      vList.push('福建三位老人坚持制作“福船”模型 复刻渔乡记忆|https://poss-videocloud.cns.com.cn/oss/2026/05/07/chinanews/MEIZI_YUNSHI/uploadImage/69fae8e68d8d2370afa36218_small.jpg|/shipin/cns-d/2026/05-07/news1053385.shtml');
/**需在head中引入才可，此处动态创建没作用***/
/*var scriptObj = document.createElement("script");
scriptObj.src="//i2.chinanews.com/js/getUrlVars.js";
var headObj = document.getElementsByTagName("head")[0];
headObj.appendChild(scriptObj);*/
var r=$.getUrlVar('r');
var current=new Date().getTime();
var adhide=0;
if(r&&Math.abs(current-r)<1800000){
	adhide=1;
}
function Rand(){
	var date = new Date();
	var Num  = date.getFullYear() + "" + date.getMonth()+ "" + date.getDate()+"1";
	return Num;
}

function getNextURL(url){
	window.location.href=url;
}
videoWrap.innerHTML = '<div id="dgqlayerInner" style="width:960' + 'px;margin:0 auto;"></div>';
	var rand=Rand();
	var so = new SWFObject("//i2.chinanews.com/shipin/flv/video2012_hd.swf", "mymovie", "960", "540", "8", "#000000");	
	so.addParam("quality", "high");
	so.addParam("allowFullScreen", "true");
	so.addParam("allowScriptAccess","always");
	so.addParam("wmode", "transparent");
	so.addVariable("vInfo", "${视频地址}");
	so.addVariable("vsimg","${视频预览图}");		
	so.addVariable("auto", "1");
	so.addVariable("tiaotime", "1");	
	so.addVariable("vList", vList.toString());

	so.write("dgqlayerInner");
    } else {
            //视频后弹出框
var modal_content = '<div class="modalWrap_inner"><a href="javascript:void(0)" class="doitagain"><i class="iconfont icon-refresh"></i>重播</a></div>';
var options = {
            id:"mini_player",//创建video id
            control:true,//视频支持  音频不支持
            controlslist:"nodownload",
            autoPlay:true,
            width:mini_player_width,//视频音频的宽 最小宽度530
            height:mini_player_height,//视频的高，需要多加+40，见js中 -40(control bar高度)
            source:"${视频地址}",//播放源地址：默认高清视频地址
            thumbnailUrl:"",//播放器缩略图
            playType:"video",//可选值 视频：video 音频：audio
            timeFlag:false,//只有为true时才会触发currentTime函数
            flvAudio:false,
            muted:false,
            videoSkin:"vjs-controlbar-fixed",//播放器样式
            //playbackRates:[], //0.5-2速率范围
            currentTime:function(val){
                console.log(val)
            },
            //downLoadFlag:true,//下载按钮
            //clarityArr:[],//{name:"标清",url:""}
            clarityArr:[{name:"流畅",url:"${视频地址}"},{name:"高清",url:"${视频地址}"}],
            adVideoUrl:"",//广告片头视频
            countdown:5,//广告倒计时时长
            isShowSkipBtn:"yes", //是否显示跳转广告按钮，此处为yes也可以，因为adVideoUrl为空
            adLink:"no",//广告跳转链接
	    modalContent:modal_content//弹出框数据
};
$.ajax({
        url:'/ad2018/videojs/624.xml',
        //url: '/part/shipin/6/20/xmlToJson.xml',
        type: 'get',
        dataType: 'xml',
        timeout: 1000,
        cache: false,
        async:false,//同步
        error: function(error) {//xml中内容为空
                $("#dgqlayer").videoPlayer(options);
        },
        success: function(xml) {
                if(xml && 0 == '0'){//  是否不显示播放器广告字段为0（否）时显示，可由编辑
                        /******解析xml广告结束start******/
                        var startAd={},pauseAd={},controlAd={},rightAd={};
                        var scriptObjXml = document.createElement("script");
                        scriptObjXml.setAttribute("src","/part/shipin/6/68/xmltojson.js");
                        $("head").append(scriptObjXml);
                        var jsonText = xmlToJson(xml);
                        if(!!jsonText.root.startAD){//开始视频：贴片广告
                                startAd.startVideoUrl = jsonText.root.startAD.videoUrl["#text"];
                                startAd.startVideolink = jsonText.root.startAD.videoLink["#text"];
                                options.isShowSkipBtn = jsonText.root.startAD.isShowSkipBtn["#text"];
                                if(!!startAd.startVideoUrl){
                                        options.adVideoUrl = startAd.startVideoUrl;
                                } 
                                if(!!startAd.startVideolink){
                                        options.adLink = startAd.startVideolink;
                                }
                        }
                        /*if(!!jsonText.root.rightAD){//视频右上角广告
                                rightAd.width = jsonText.root.rightAD.width["#text"];
                                rightAd.height = jsonText.root.rightAD.height["#text"];
                                rightAd.x = jsonText.root.rightAD.x["#text"] + "px";*/
                                /*if(!/%/g.test(rightAd.x)){//值为右分比，添加margin-left:-width
                                rightAd.x = jsonText.root.rightAD.x["#text"] + "px";
                                }*/
                                /*rightAd.y = jsonText.root.rightAD.y["#text"] + "px";
                                rightAd.imgPath = jsonText.root.rightAD.imgPath["#text"];
                                rightAd.link = jsonText.root.rightAD.link["#text"];
                        }*/
                        /*if(!!jsonText.root.pauseAD){//视频暂停广告
                                pauseAd.pauseAD = jsonText.root.pauseAD["#text"];
                                pauseAd.width = jsonText.root.pauseADWHL.w["#text"];
                                pauseAd.height = jsonText.root.pauseADWHL.h["#text"];
                                pauseAd.link = jsonText.root.pauseADWHL.link["#text"];
                        }*/
                        /******解析xml广告结束end******/
			console.log(options);
			$("#dgqlayer").videoPlayer(options);
                }else{
                        console.log("xml文件中无内容");
                        $("#dgqlayer").videoPlayer(options);
                }
      }
})


      $('#mini_player').bind('contextmenu', function () { return false; });
    }
    relnews();
  });

//document.addEventListener('DOMContentLoaded', function() {
$(document).ready(function() {
        var vids=$("#dgqlayer");
    var isClose = false;
    var videotype = 1;
    if(!isClose){
      if(videotype=='0'){
        mini_player_width = 720;
        mini_player_height = 540;
      }else{
        mini_player_width = 960;
        mini_player_height = 540;
      }
    }else{
      mini_player_width = 1280;
      mini_player_height = 720;
    }
    $(".close-btn").click(function(){
        $("#rel-news").animate({width:'toggle'},500);
        if(!isClose){
          if(videotype=='0'){
            vids.animate({marginLeft:"0px",width:"1280px",height:"720px"},500);
            $(".relativePar").animate({width:"1280px",height:"720px"},500);
          }else{
            vids.animate({width:"1280px",height:"720px"},500);
            $(".relativePar").animate({width:"1280px",height:"720px"},500);
          }
          vids.find("video").animate({width:"1280px",height:"720px"});
          vids.find("#mini_player").animate({width:"1280px",height:"720px"});
          $(".close-btn").css("transform","rotate(180deg)");
          $(".close-btn").css("border-radius","0px 5px 5px 0px");
          $(".close-btn").animate({top:"330px"});
          mini_player_width = 1280;
          mini_player_height = 760;
        }else{
          if(videotype=='0'){
            vids.animate({marginLeft:"120px",width:"720px",height:"540px"},300);
            $(".relativePar").animate({width:"720px",height:"540px"},300);
            vids.find("video").animate({width:"720px",height:"540px"});
            vids.find("#mini_player").animate({width:"720px",height:"540px"});
            $(".close-btn").css("transform","rotate(0deg)");
            $(".close-btn").css("border-radius","5px 0px 0px 5px");
            $(".close-btn").animate({top:"240px"});
            mini_player_width = 720;
            mini_player_height = 540;
          }else{
            vids.animate({width:"960px",height:"540px"});
            $(".relativePar").animate({width:"960px",height:"540px"});
            vids.find("video").animate({width:"960px",height:"540px"});
            vids.find("#mini_player").animate({width:"960px",height:"540px"});
            $(".close-btn").css("transform","rotate(0deg)");
            $(".close-btn").css("border-radius","5px 0px 0px 5px");
            $(".close-btn").animate({top:"240px"});
            mini_player_width = 960;
            mini_player_height = 540;
          }
        }
        isClose = !isClose;
      })

      $(".vjs-fullscreen-control").click(function(){
        $("#mini_player_html5_api").css("width","100%");
        $("#mini_player_html5_api").css("height","100%");
      })
});

  function relnews(){
    if($("#rel-news")){
      $("#rel-news").css("display","block");
    }
  }
</script>

<script>
var aiCommentId;

if('' != ''){
  aiCommentId = '';
}else{
  aiCommentId = 'video1053385';
}

</script>


<!--#include virtual="/2026bottom.html"-->

<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="//www.chinanews.com.cn/part/cns_public/120/wxshare.js"></script>

<script>
  $(function(){
    var useragent = navigator.userAgent;
    if(useragent.indexOf('MicroMessenger')> -1){
      var share_title ='${标题}';
      var share_desc = "中国新闻网 梳理天下新闻";

      var share_url = window.location.href.split('#')[0];
      var share_img = "https://i2.chinanews.com/thumbnailzhi44.png";

      wxshare(share_title,share_desc,share_img,share_url,"hn",false,false); //哪家公众号;微信接口中是不是debug;是否使用测试lc接口
    }
})</script> 
<!--<meta name="chinanews_site_verification" content="7d042557ca01d4f4a6ed85df6def0e58"/>-->
<!--9,245,608 published at 2026-05-07 15:20:32 by 27-->
<!--rd--><!--https://poss-videocloud.cns.com.cn/oss/2026/05/07/chinanews/MEIZI_YUNSHI/onair/2A4310B72A8B4EBBA43950131B6369AB.mp4--><!----><!--  ${更新正文-视频搜索测试} 883-4-1053385 /cns-dhttps://poss-videocloud.cns.com.cn/oss/2026/05/07/chinanews/MEIZI_YUNSHI/uploadImage/69fae8e68d8d2370afa36218_small.jpg-->
</body>
</html>
VIDEO_END
} else {
  $html = <<'OTHER_END';
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="gb2312"> <!-- 建议使用 utf-8 -->
<title>${标题} - 中国新闻网湖南</title>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Microsoft YaHei", sans-serif;
  background-color: #f7f7f7;
  color: #333;
  padding: 20px 0;
  overflow-x: hidden;
}

/* 面包屑 */
.cns_breadcrumb { width: 1280px; margin: 0 auto 20px; padding: 12px 20px; font-size: 12px; color: #666; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }

/* 主内容区 */
.cns_main_content {
  width: 1280px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* 标题与元信息 */
.cns_title { font-size: 32px; font-weight: bold; margin-bottom: 16px; color: #222; }
.cns_meta_info { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 24px; font-size: 12px; color: #666; padding-bottom: 12px; border-bottom: 1px solid #eee; }

/* 页码指示器 */
.cns_page_indicator { display: flex; align-items: flex-start; margin: 24px 0 16px; }
.cns_page_indicator {
  display: flex;
  align-items: flex-start;
  margin: 24px 0 16px;
  /* 新增：防止子项换行 */
  flex-wrap: nowrap;
}

.cns_page_num_box {
  width: 60px;
  height: 40px;
  background: #c00;
  color: white;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 4px; /* 减小间距到 4px，更紧凑 */
  flex-shrink: 0; /* 禁止被压缩 */
}

.cns_page_text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  /* 不设 width，让内容自然宽度 */
}

/* 图库区域 */
.cns_gallery_section {
  text-align: center;
  margin-bottom: 32px;
  position: relative;
  /* cursor: pointer; 移除主区域的指针，因为点击主图不再翻页 */
  width: 100%;
}

/* 主图样式：智能限制 */
.cns_main_img {
  width: 100%;
  max-width: 1280px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  /* cursor: pointer; 移除主图的指针 */
}

/* 竖图专用类 */
.cns_main_img.tall-image {
  max-width: 900px;
}

.cns_img_caption {
  margin-top: 10px;
  font-size: 14px;
  color: #333; /* &#9989; 确保图片说明文字颜色为深色 */
  text-align: center;
}

/* 右侧缩略图 */
.cns_right_thumbs {
  position: absolute;
  top: 0;
  right: -120px;
  width: 100px;
  height: 100%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  overflow: hidden;
  z-index: 5;
  padding: 6px 0;
}
.cns_thumb_nav { display: flex; flex-direction: column; height: 100%; }
.cns_nav_button {
  width: 28px; height: 28px; background: #f8f8f8; border: 1px solid #ddd; border-radius: 4px;
  display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; color: #666; margin: 3px auto; transition: all 0.2s;
}
.cns_nav_button:hover { background: #f0f0f0; color: #c00; transform: scale(1.08); }
.cns_thumb_container {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: none;
}
.cns_thumb_container::-webkit-scrollbar { width: 0; }
.cns_thumb_item {
  width: 100%; height: 100px; cursor: pointer; display: flex; align-items: center; justify-content: center;
  padding: 4px; background: #fafafa; transition: background 0.2s, border-left 0.2s; margin: 2px 0; border-radius: 3px;
}
.cns_thumb_item:hover { background: #f0f0f0; }
.cns_thumb_item.cns_active_thumb {
  background: #fff5f5; border-left: 3px solid #c00;
}
.cns_thumb_img {
  width: 92px; height: 92px; object-fit: cover; border-radius: 2px; display: block; box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* 箭头 */
.arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  font-size: 24px; color: white; background-color: rgba(0,0,0,0.5);
  width: 50px; height: 50px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s; cursor: pointer; z-index: 10;
}
.arrow-left { left: 20px; }
.arrow-right { right: 20px; }
.cns_gallery_section:hover .arrow { opacity: 1; }
.arrow:hover { background-color: rgba(0,0,0,0.7); }

/* &#9989; 新增：编辑信息容器 */
.cns_editor_note_container {
  display: flex;
  justify-content: flex-end; /* &#9989; 右对齐 */
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}

.cns_editor_note {
  font-size: 12px;
  color: #999;
  text-align: right; /* &#9989; 确保文本右对齐 */
  margin: 0;
  padding: 0;
}

/* 推荐图集 */
.cns_recommend_sec { margin-top: 40px; padding: 20px 0; border-top: 1px solid #eee; }
.cns_sec_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.cns_sec_title {
  font-size: 18px; font-weight: bold; color: #333; position: relative;
}
.cns_sec_title::before {
  content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);
  width: 4px; height: 20px; background: #c00; border-radius: 2px;
}
.cns_more_link { font-size: 12px; color: #666; text-decoration: none; transition: color 0.2s; }
.cns_more_link:hover { color: #c00; }
.cns_rec_list { display: grid; grid-template-columns: repeat(4, 288px); gap: 16px; justify-content: center; max-width: 1280px; margin: 0 auto; }
.cns_rec_item {
  background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform 0.25s, box-shadow 0.25s; border: 1px solid #f0f0f0; width: 100%;
}
.cns_rec_item:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.cns_rec_img_wrap { height: 160px; overflow: hidden; }
.cns_rec_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.cns_rec_item:hover .cns_rec_img { transform: scale(1.03); }
.cns_rec_text { padding: 12px 10px; font-size: 13px; }
.cns_rec_title {
  font-weight: 600; color: #333; margin-bottom: 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* 响应式 */
@media (max-width: 1280px) {
  .cns_main_content { width: calc(100% - 40px); padding: 16px; }
  .cns_breadcrumb { width: calc(100% - 40px); }
  .cns_rec_list { grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); gap: 12px; }
  .cns_right_thumbs { display: none; }
}
</style>
</head>
<body>
<!--#include virtual="/2024toppage.html"-->

<<div class="cns_main_content">
  <h1 class="cns_title">${标题}</h1>
  <div class="cns_meta_info">
    <span>${发布时间}</span>
    <span style="margin-left: 16px;">来源：${来源}</span>
  </div>


  <div class="cns_gallery_section" id="gallerySection">
    <img class="cns_main_img" id="cns_current_img" 
         src="https://i2.chinanews.com.cn/simg/hd/2026/05/11/ec4c427627df4106aa7e2422692b04ab.jpg"
         alt="主图">
    <div class="arrow arrow-left" id="arrowLeft">←</div>
    <div class="arrow arrow-right" id="arrowRight">→</div>
    <div class="cns_right_thumbs" id="cns_right_thumbs">
      <div class="cns_thumb_nav">
        <button class="cns_nav_button" id="cns_up_btn">↑</button>
        <div class="cns_thumb_container" id="cns_thumb_container"></div>
        <button class="cns_nav_button" id="cns_down_btn">↓</button>
      </div>
    </div>
    <div class="cns_img_caption" id="cns_current_caption"></div>
  </div>

  <div class="cns_page_indicator">
    <div class="cns_page_num_box" id="dynamicPageNumBox">1/?</div> <!-- 初始显示 1/? -->
    <p class="cns_page_text" style="text-align:left;!important;">${正文内容}</p>
  </div>

  <!-- &#9989; 编辑信息移到这里，并右对齐 -->
  <div class="cns_editor_note_container">
    <p class="cns_editor_note">【编辑：${编辑}】</p>
  </div>

  <div class="cns_recommend_sec">
    <div class="cns_sec_header">
      <h2 class="cns_sec_title">相关图集</h2>
      <a href="#" class="cns_more_link">查看更多 ></a>
    </div>
    <div class="cns_rec_list">
      ${相关图集}
    </div>
  </div>
</div>

<script>
// 合并的图片数据：每个对象包含 url 和 caption
const imageData = [
 ${显示图集图片1}${显示图集图片2}${显示图集图片3}${显示图集图片4}${显示图集图片5}${显示图集图片6}${显示图集图片7}${显示图集图片8}${显示图集图片9}
  // 可以继续添加或删除对象来改变数量
  /*
  {
    url: "another_image_url.jpg",
    caption: "另一个说明"
  }
  */
];

// --- JS 逻辑 ---
let currentIndex = 0;
const totalImages = imageData.length; // 动态计算总图片数

// 检查是否有图片数据
if (totalImages === 0) {
    console.error("错误：没有提供任何图片数据！");
    document.getElementById('cns_current_img').src = ''; // 或者设置一个默认占位图
    document.getElementById('dynamicPageNumBox').textContent = '0/0';
    document.getElementById('cns_current_caption').textContent = '无图片';
    document.getElementById('cns_page_text').textContent = '此图集暂无图片内容。';
    document.getElementById('cns_thumb_container').innerHTML = '<p style="text-align:center; color: #999;">暂无缩略图</p>';
    throw new Error("No images provided");
}

const mainImg = document.getElementById('cns_current_img');
const captionEl = document.getElementById('cns_current_caption');
const dynamicPageNumBox = document.getElementById('dynamicPageNumBox');
const thumbContainer = document.getElementById('cns_thumb_container');
const upBtn = document.getElementById('cns_up_btn');
const downBtn = document.getElementById('cns_down_btn');
const arrowLeft = document.getElementById('arrowLeft');
const arrowRight = document.getElementById('arrowRight');

function checkAndSetTallClass(imgElement) {
  if (!imgElement.complete) return; // 等待图片加载完成
  const w = imgElement.naturalWidth;
  const h = imgElement.naturalHeight;
  const ratio = h / w;
  if (ratio > 1.3) {
    imgElement.classList.add('tall-image');
  } else {
    imgElement.classList.remove('tall-image');
  }
}

function renderThumbs() {
  thumbContainer.innerHTML = '';
  imageData.forEach((item, i) => { // 遍历合并后的数组
    const itemElement = document.createElement('div');
    itemElement.className = `cns_thumb_item ${i === currentIndex ? 'cns_active_thumb' : ''}`;
    itemElement.dataset.index = i;
    // 使用 item.url 作为缩略图和主图的地址
    itemElement.innerHTML = `<img class="cns_thumb_img" src="${item.url}" alt="缩略图 ${i+1}">`;
    itemElement.addEventListener('click', () => updateImage(i));
    thumbContainer.appendChild(itemElement);
  });
}

// 更新页码显示 - 使用动态总数
function updatePageNumber(index) {
  dynamicPageNumBox.textContent = `${index + 1}/${totalImages}`;
}

function updateImage(index) {
  if (index < 0 || index >= totalImages) return; // 使用动态总数

  // 1. 更新 currentIndex 为新的索引
  currentIndex = index;

  // 获取当前图片的数据对象
  const currentItem = imageData[currentIndex];

  // 2. 立即更新缩略图的激活状态，基于新的 currentIndex
  document.querySelectorAll('.cns_thumb_item').forEach(el => {
    el.classList.toggle('cns_active_thumb', parseInt(el.dataset.index) === currentIndex);
  });

  // 3. 更新主图和说明文字 - 使用数据对象中的 url 和 caption
  mainImg.src = currentItem.url;
  // 如果 caption 不存在或为空，则使用默认值
  captionEl.textContent = currentItem.caption || '图/视觉中国';

  // 4. 更新页码 - 使用动态总数
  updatePageNumber(currentIndex);

  // 5. 滚动缩略图容器以使当前项可见
  const currentEl = document.querySelector(`.cns_thumb_item[data-index="${index}"]`);
  if (currentEl) {
    const container = thumbContainer;
    const top = currentEl.offsetTop - container.clientHeight / 2 + currentEl.offsetHeight / 2;
    container.scrollTo({ top, behavior: 'smooth' });
  }

  // 6. 图片加载完成后检查尺寸
  mainImg.onload = () => {
    checkAndSetTallClass(mainImg);
  };
  mainImg.onerror = () => {
      console.error(`加载图片失败: ${currentItem.url}`); // 使用数据对象中的 url
  };
  if (mainImg.complete) {
    checkAndSetTallClass(mainImg);
  }
}

// 初始化页面
renderThumbs();
updateImage(0);

upBtn.addEventListener('click', (e) => {
  e.stopPropagation(); // 阻止冒泡到 gallerySection
  const container = thumbContainer;
  container.scrollTo({ top: container.scrollTop - container.clientHeight * 0.8, behavior: 'smooth' });
});
downBtn.addEventListener('click', (e) => {
  e.stopPropagation(); // 阻止冒泡到 gallerySection
  const container = thumbContainer;
  container.scrollTo({ top: container.scrollTop + container.clientHeight * 0.8, behavior: 'smooth' });
});

// 左箭头点击：跳转到上一张 - 使用动态总数
arrowLeft.addEventListener('click', (e) => {
  e.stopPropagation(); // 阻止冒泡
  // 计算上一张的索引，实现循环
  const newIndex = currentIndex > 0 ? currentIndex - 1 : totalImages - 1; // 使用动态总数
  updateImage(newIndex);
});

// 右箭头点击：跳转到下一张 - 使用动态总数
arrowRight.addEventListener('click', (e) => {
  e.stopPropagation(); // 阻止冒泡
  // 计算下一张的索引，实现循环
  const newIndex = currentIndex < totalImages - 1 ? currentIndex + 1 : 0; // 使用动态总数
  updateImage(newIndex);
});

// --- 重点改动：移除了 document.getElementById('gallerySection').addEventListener('click', ...) ---
// 现在点击主图、说明文字或箭头之间的区域都不会翻页了。

</script>
<!--#include virtual="/2026bottom.html"-->

<script src="//www.chinanews.com.cn/js/jquery1.4.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="//www.chinanews.com.cn/part/cns_public/120/wxshare.js?aa"></script>
<script>
  \$(function(){
    var useragent = navigator.userAgent;
    if(useragent.indexOf('MicroMessenger')> -1){
      var share_title ='${标题}';
      var share_desc = "中国新闻网 梳理天下新闻";

      var share_url = window.location.href.split('#')[0];
      var share_img = "https://i2.chinanews.com/thumbnailzhi44.png";

      wxshare(share_title,share_desc,share_img,share_url,"hn",false,false); //哪家公众号;微信接口中是不是debug;是否使用测试lc接口
    }
})
</script> 
</body>
</html>
OTHER_END
}
[html]
$html


