视频暂停或结束结束 音乐开始播放;视频播放,音乐暂停;音乐播放(循环播放),视频暂停


<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
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>

你可能感兴趣的:(HTML5)