音频视频播放(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>
原文地址:https://www.cnblogs.com/ouyangyulin/p/6137028.html