爱江山更爱美人
<div style="position: relative;width: 873px;height: 480px;MARGIN-LEFT:0px;margin-top:33px;box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;overflow:hidden;border-radius:0%;bgcolor:#B22222;">
<video src="http://storage.live.com/items/1965B2B1656C2AF6!16269?" muted="muted" autoplay="autoplay" loop="loop"width="873"></video></div>
<style>
#lrcbox {width: 873px;
transform: translate(-90px, -60px);
font: bold 2.5em sans-serif;
color: #00000;
-webkit-text-stroke:1px #ff00ff;
font-family:迷你简中倩;
cursor: pointer;
position: absolute;
z-index: 5;
}
.wzsd1 { animation: wzsd 0.86s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
</style>
<div id="lrcbox">
<div class="wzsd1" style="position:absolute; top:0px; right:80px; width:620px;height:80px; text-align:center ">
<div id="geci" ></div></div></div></div>
<audio id="aud" src="http://fs.ringop.kugou.com/G227/M0A/0D/09/g4cBAF9HUMSAJvOFAE2cjwEFzGs161.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
lrcbox = document.querySelector('#lrcbox'),
geci = document.querySelector('#geci'),
aud = document.querySelector('#aud'),
lrc = [
['0.50','道不尽红尘舍恋'],
['3.65','诉不完人间恩怨'],
['8.11','世世代代都是缘'],
['14.58','留着相同的血'],
['18.12','喝着相同的水'],
['22.14','这条路漫漫又长远'],
['28.93','红花当然配绿叶'],
['32.18','这一辈子谁来陪'],
['36.74','渺渺茫茫来又回'],
['43.15','往日情景再浮现'],
['46.74','藕虽断了丝还连'],
['50.89','轻叹世间事多变迁'],
['57.49','爱江山更爱美人'],
['64.68','哪个英雄好汉宁愿孤单'],
['71.89','好儿郎浑身是胆'],
['79.10','壮志豪情四海远名扬'],
['86.24','人生短短几个秋啊'],
['90.41','不醉不罢休'],
['94.06','东边我的美人哪'],
['97.60','西边黄河流'],
['101.27','来呀来个酒啊'],
['104.67','不醉不罢休'],
['108.49','愁情烦事别放心头'],
['174.17','红花当然配绿叶'],
['177.43','这一辈子谁来陪'],
['181.77','渺渺茫茫来又回'],
['188.14','往日情景再浮现'],
['192.08','藕虽断了丝还连'],
['196.22','轻叹世间事多变迁'],
['202.58','爱江山更爱美人'],
['209.72','哪个英雄好汉宁愿孤单'],
['216.78','好儿郎浑身是胆'],
['224.65','壮志豪情四海远名扬'],
['231.30','人生短短几个秋啊'],
['235.25','不醉不罢休'],
['239.28','东边我的美人哪'],
['242.66','西边黄河流'],
['246.47','来呀来个酒啊'],
['249.77','不醉不罢休'],
['253.59','愁情烦事别放心头'],
['260.11','人生短短几个秋啊'],
['263.99','不醉不罢休'],
['267.76','东边我的美人哪'],
['271.26','西边黄河流'],
['275.00','来呀来个酒啊'],
['278.33','不醉不罢休'],
['282.08','愁情烦事别放心头']
];
lrcbox.onclick =function() {
aud.paused ? aud.play() : aud.pause()
};
aud.addEventListener("timeupdate", myFunction);
function myFunction()
{
for(j=0; j<lrc.length; j++){
if(aud.currentTime >= lrc){
geci.innerHTML = lrc;
}
}
}
</script>
欣赏佳作，为你点赞。 LRC编辑合拍，嵌入的视频场面热烈，歌曲经典寄怀，赞一个，问好朋友 欣赏收藏老师的佳作《爱江山更爱美人》。:handshake{:1_293:}问好点赞!
页:
[1]