zoukankan      html  css  js  c++  java
  • 视频暂停或结束结束 音乐开始播放;视频播放,音乐暂停;音乐播放(循环播放),视频暂停

    <!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>
    
    
  • 相关阅读:
    仲兆鹏 160809329 第5次
    仲兆鹏160809329-第四次作业
    160809329 仲兆鹏 3
    张浩飞 160809307 (12)
    160809307 张浩飞
    160809307 张浩飞
    160809307 张浩飞(8)
    160809307 张浩飞(7)
    160809307 张浩飞
    160809307 张浩飞 5
  • 原文地址:https://www.cnblogs.com/lzxulxy/p/11646468.html
Copyright © 2011-2022 走看看