脚本宝典收集整理的这篇文章主要介绍了video 播放多个视频,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
老规矩:直接上代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <video id="myvideo" width="500" height="auto" autoplay="autoplay" controls="controls" muted> 你的浏览器不支持HTML5播放此视频 <source src="" type='video/mp4' /> </video> <button id="btn1">播放1</button> <button id="btn2">播放2</button> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script> <script> var video = document.getElementById("myvideo"); var vList = ['./images/老虎.mp4', './images/tanke.mp4']; // 初始化播放列表,这里的url要用相对路径 var vLen = vList.length; var curr = 0; $(document).ready(function(){ play(0); $("#btn1").click(function(){ play(0) }) $("#btn2").click(function(){ play(1) }) }); function play(num) { video.src = vList[num]; video.load(); video.play(); } </script> </body> </html>
以上是脚本宝典为你收集整理的video 播放多个视频全部内容,希望文章能够帮你解决video 播放多个视频所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。