<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video id="videoPlay1" src="video.mp4" controls="controls " autoplay="true" >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<video id="videoPlay2" src="music.mp3" loop="true" controls="controls " >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<script type="text/javascript">
var video1=document.getElementById("videoPlay1");
var video2=document.getElementById("videoPlay2");
video1.addEventListener('play',function(){
video2.pause();
});
video1.addEventListener('ended',function(){
video2.play();
});
video1.addEventListener('pause',function(){
video2.play();
});
video2.addEventListener('play',function(){
video1.pause();
});
video2.addEventListener('pause',function(){
video1.play();
});
</script>
</body>
</html>
视频暂停或结束结束 音乐开始播放;视频播放,音乐暂停;音乐播放(循环播放),视频暂停
猜你喜欢
转载自www.cnblogs.com/lzxulxy/p/11646468.html
今日推荐
周排行