音频视频播放（jquery中将jquery方法转化成js方法）
Posted 超级菜鸟-欢欢
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了音频视频播放（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="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="music/m2.mp3" autoplay id="music"></audio> 26 </body> 27 </html>
以上是关于音频视频播放（jquery中将jquery方法转化成js方法）的主要内容，如果未能解决你的问题，请参考以下文章