Question

Jquery怎么控制视频的暂停与播放

Answer 1

1、首先需要新建一个html文件，命名为test.html。

2、在test.html页面，使用button标签创建四个按钮，分别是播放/暂停、大、中、小，用于控制视频的播放效果。同时，使用video标签创建一个视频。

3、给每个按钮绑定onclick点击事件，当按钮被点击时，分别执行相应的函数来控制视频的播放效果。

4、使用document.getElementById()获得视频对象，创建“播放/暂停”的playPause()函数，使用play()方法控制视频的播放，使用pause()控制视频的暂停。

5、然后需要创建makeBig（）函数，当点击"大"按钮时，使视频以宽度560px来播放视频。

6、创建makeNormal()函数与makeSmall()函数，当点击“中”按钮时，使视频以宽度420px来播放视频，当点击“小”按钮时，使视频以宽度320px来播放视频。

7、在浏览器打开test.html文件，测试Jquery控制视频播放的效果。

Answer 2

如果是使用的HTML5的video 标签，可以取到播放器:

var Media = document.getElementById("media");

Media.play(); //播放
Media.pause(); //暂停
即可实现。

Answer 3

<video id="videos" src="img/movie4.mp4">
<a href="javascript:;">点击播放</a>
<a href="javascript:;" class="close">点击暂停</a>
$(function(){
var videos=$("#video");
$("a:first").click(function(){
videos[0].play();
})
$(".close").click(function(){
videos[0].pause(); //方法1
})
})
方法2
$(function(){
var videos=$("#video");
$(".div_containall li").click(function(){
videos.trigger('play');
})
$(".close").click(function(){
videos.trigger('play');
})
})