首页 > 代码库 > 音频视频播放(jquery中将jquery方法转化成js方法)
音频视频播放(jquery中将jquery方法转化成js方法)
在jQuery中没有音频视频直接播放的方法,我们在写音频视频时,应该将jquery的方法转化为js方法:play();pause()
补充:
将jq对象转化成js对象写法:
var music=$("#music")[0];//将jq转化为js对象;
将js对象转化成jq对象:
这个对象已经存在,则只需要在此对象上加上$(),也即是$(对象)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="http://www.mamicode.com/js/jquery-3.1.0.min.js"></script> 7 <script> 8 $(function(){ 9 $("#play").on("click",function(){ 10 var music=$("#music")[0];//将jq转化为js对象 11 if ($(this).html()=="暂停"){//如果加入的为暂停。 music.pause();同时显示为 $(this).html("播放") 12 music.pause(); 13 $(this).html("播放") 14 15 }else {//否则music.play();同时显示为 $(this).html("暂停") 16 music.play(); 17 $(this).html("暂停") 18 } 19 } ) 20 }) 21 </script> 22 </head> 23 <body> 24 <div id="play">暂停</div> 25 <audio src="http://www.mamicode.com/music/m2.mp3" autoplay id="music"></audio> 26 </body> 27 </html>
音频视频播放(jquery中将jquery方法转化成js方法)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。