搞笑歌曲
<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!16244?" 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://storage.live.com/items/1965B2B1656C2AF6!16270?" autoplay="autoplay" loop="loop"></audio>
<script>
lrcbox = document.querySelector('#lrcbox'),
geci = document.querySelector('#geci'),
aud = document.querySelector('#aud'),
lrc = [
['0.29','张帝问答婚礼现场'],
['4.29','歌词编辑：寻梦花园'],
['9.29','那位小姐你要来问我张帝'],
['16.56','你说**婚礼要与大陆比一比'],
['24.05','其实我们大家统统都是中国人'],
['31.22','结婚的场面统统都是一样的'],
['38.50','都是一对新人一拜高堂还要拜天地'],
['45.63','两个那新人还要拜来又拜去'],
['52.95','请大家都吃饭'],
['56.11','然后共同都到那洞房里'],
['60.03','就好像我们现在到洞房闹来闹去'],
['67.47','但是在**'],
['70.94','有个婚俗跟大家不一样'],
['74.20','他们的新娘子'],
['76.21','三天可以亲来亲去'],
['81.39','但是在这里的新娘子'],
['85.05','一定不能让你亲'],
['88.57','所以这是分别'],
['90.38','我一定告诉你']
];
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> **张帝演唱很幽默， 欣赏收藏老师的佳作《搞笑歌曲》。:handshake{:1_293:}问好点赞! 欣赏一下，谢谢。 问好张红朋友。
页:
[1]