天南地北唱中华
本帖最后由 糊里糊涂 于 2019-6-28 16:41 编辑 <br /><br /><div style="POSITION: relative; WIDTH: 900 px; TOP:0px; LEFT: -0px" twffan="done"><p align="center"> <img style="margin:0px 10px;width:900px;height:850px;float:none;cssfloat:none;" alt=""
src="https://www.yinling.com.cn/data/attachment/forum/201906/28/162643q9clpp2zap999gtu.jpg">
<div style="POSITION: relative; WIDTH: 670 px; TOP:-718px; LEFT: 84px" twffan="done">
<style type="text/css">
#vlist {width:670px;}
.vtitle {
color:darkblue;
width:450px;
line-height:2em;
font:bold 1.2em 楷体,楷体_gb2312;
cursor:pointer;
}
#vframe {
width:670px;height:540px;overflow:hidden;margin:16px auto 32px auto;
border:thick brown groove;
position:relative;
background-color:black;
}
#e_video {
width:670px;height:500px;
position:absolute;
left:0; top:0;
}
#dvlist {
width:670px;height:540px;overflow-y:scroll;
position:absolute;
left:0; top:0;
background-color:gray;
visibility:hidden;
padding-left:24px;
}
#menubutton {
margin:12px auto;
position:absolute;
right:20px;bottom:0px;
background-color:gray;
}
#vtxt {
position:absolute;
left:10px;bottom:5px;
color:brown;
font:bold 1em 微软雅黑;
}
</style>
<div id="vframe">
<div id="dvlist">
<ol id="vlist">
<li class="vtitle">《中华民族唱起来》王雅洁</li class="vtitle">
<li class="vtitle">《幸福中国一起走》张也</li class="vtitle">
<li class="vtitle">《信仰》平安 喻越越</li class="vtitle">
<li class="vtitle">《天南地北唱中华》乌兰图雅</li class="vtitle">
<li class="vtitle">《我们的新时代》阎维文</li class="vtitle">
<li class="vtitle">《赞赞新时代》李易峰 景甜 江疏影</li class="vtitle">
<li class="vtitle">《因为有你》袁娅维</li class="vtitle">
</ol>
</div>
<span id="vtxt"></span>
<button id="menubutton">剧集选择</button>
</div>
<script type="text/javascript">
var flashParas = [
'videoId=vid&isAutoPlay=true&videoCenterId=9713b5db70f24e85835317f5eae3194a' ,
'videoId=vid&isAutoPlay=true&videoCenterId=1c7b01c0d7be44b2951fbd9a86b84c1d' ,
'videoId=vid&isAutoPlay=true&videoCenterId=718c12769e984bf58229439497d53654' ,
'videoId=vid&isAutoPlay=true&videoCenterId=35bfbfe7791340a4a4ea0ebc03d8b4da' ,
'videoId=vid&isAutoPlay=true&videoCenterId=488305cb4ebb4a378a8595a8d802dc27' ,
'videoId=vid&isAutoPlay=true&videoCenterId=67a6c108960d499bb5f1233e4f8b55f1' ,
'videoId=vid&isAutoPlay=true&videoCenterId=9745cf6d247e455583091f30e40a5ab2' ];
var vitems = document.getElementsByClassName('vtitle');
var dvlist = document.getElementById('dvlist');
var vframe = document.getElementById('vframe');
var menubutton = document.getElementById('menubutton');
var e_video = document.getElementsByClassName('e_video');
var lastSel = 0;
vitems.style.color = 'red';
vitems.click();
for(n = 0; n < flashParas.length; n++) {
vitems.id = 'vi' + n;
}
for(n = 0; n < flashParas.length; n++) {
vitems.onclick = function(e) {
dvlist.style.visibility = 'hidden';
vidx =parseInt(e.target.id.substr(2));
vitems.style.color = 'darkblue';
vitems.style.color = 'red';
lastSel = vidx;
e_video = document.createElement('embed');
e_video.src='https://player.cntv.cn/standard/cntvOutSidePlayer.swf?' + flashParas;
e_video.id = 'e_video';
vframe.appendChild(e_video);
document.getElementById('vtxt').innerHTML = "正在播放:" + vitems.innerHTML;
document.getElementById('vtxt').style.visibility = 'visible';
menubutton.style.visibility = 'visible';
return false;
}
}
vitems.click();
menubutton.onclick = function(e) {
dvlist.style.visibility = 'visible';
vframe.removeChild(e_video);
e.target.style.visibility = 'hidden';
document.getElementById('vtxt').style.visibility = 'hidden';
}
</script></div></p></div>
拜访朋友,欣赏你的精采。让我的祝福像清风飘送, 让我的问候像绵绵春雨,花香片片,雨润无声,默默祝福于你! 欣赏佳作。为你点赞。 问好,欣赏你的精彩制作 漂亮的制作画面,好听的歌曲,点赞! 感谢精彩分享,感谢带给大家美的享受,遥祝安好! 问好,分享老师精彩制作,点赞。 问好,欣赏你的精美制作 画一抹明媚,采一丝夏雨,抓一片清风,送给你夏日的祝福。感谢您的精彩分享,中画有您更精彩! 分享精彩制作!