<div id=
"bodys"
style=
"display:none;"
>
<!-- muted 如果出现该属性,视频的音频输出为静音。 loop=
"loop"
-->
<video id=
"myVideo"
autoplay muted style=
"width:100vw;height:100vh"
>
<source src=
"<?=$var_video_path?>mp4/2020/yure_2020_1.mp4"
type=
"video/mp4"
>
</video>
<audio id=
"bgmp3"
>
<source src=
"<?=$var_video_path?>mp3/2020/chunjiexuqu2.mp3"
type=
"audio/mpeg"
>
</audio>
<script>
var
bgmp3 = document.getElementById(
"bgmp3"
);
bgmp3.loop =
true
;
bgmp3.play();
var
video=document.getElementById(
'myVideo'
);
var
index = 0;
var
action = 1;
myVideo.addEventListener(
"timeupdate"
,
function
(){
var
timeDisplay;
var
timeDisplay_all;
timeDisplay = Math.floor(myVideo.currentTime);
timeDisplay_all = Math.floor(myVideo.duration);
if
(timeDisplay_all-timeDisplay<=2 && action==1){
action=0;
$(
"#bodys"
).fadeOut(2000,
function
(){
if
(index==0){
index = 1;
action = 1;
video.src=
"<?=$var_video_path?>mp4/2020/yure_2020_2.mp4"
;
$(
"#bodys"
).fadeIn(2000);
}
else
{
index = 0;
action = 1;
video.src=
"<?=$var_video_path?>mp4/2020/yure_2020_1.mp4"
;
$(
"#bodys"
).fadeIn(2000);
}
});
}
},
false
);
</script>
<!--2020年,视频静音,单独加音乐循环,保证音频能长时间播放,又不因视频过长占用内存 -->
</div>
<script>$(
"#bodys"
).fadeIn(3000);</script><!--淡入淡出效果 -->