码迷,mamicode.com
首页 > Web开发 > 详细

音频视频播放(jquery中将jquery方法转化成js方法)

时间:2016-12-06 13:55:14      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:html   3.1   his   font   lan   top   div   script   jquer   

在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方法)

标签:html   3.1   his   font   lan   top   div   script   jquer   

原文地址:http://www.cnblogs.com/ouyangyulin/p/6137028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!