Question

jquery怎么实现点击video播放，或暂停？ 页面上有好几个video，怎么实现，点击播放或者

jquery怎么实现点击video播放，或暂停？
页面上有好几个video，怎么实现，点击播放或者暂停？

Answer 1

如果要实现点击video播放或暂停，可以使用jquery的选择器来方便选取DOM。

但要注意：jquery中并没有直接控制<video>元素播放、暂停的方法，需要用原生的JavaScript代码来控制。

如果是使用的HTML5的video 标签，可以取到播放器即可实现。

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

  Media.play(); //播放

  Media.pause(); //暂停

Answer 2

HTML5中已经为 <video> 元素提供了相关方法、属性和事件，直接使用 JavaScript 来操作即可，当然你也可以使用jQuery的选择器来方便选取DOM，但这里要注意的一点是，jQuery中并没有直接控制<video> 元素播放、暂停的方法，你需要用原生的JavaScript代码来控制。

举例（例如页面上有1个video）：

<video id="myVideo" src="1.webm" controls />

则对应的脚本代码为：

/* JS代码 */
document.getElementById('myVideo').play(); // 播放
document.getElementById('myVideo').pause(); // 暂停

/* jQuery代码 */
$('#myVideo').play(); // 播放
$('#myVideo').pause(); // 暂停

追问

你好，我的要面上有好几个视频，怎么实现点击视频播放或者暂停啊？

追答

为每个video标签加上controls这句，则视频播放控件上会出现暂停与播放按钮，点击即可控制播放暂停。

Answer 3

<video src="" controls="controls">
</video>
加上 controls 就可以显示控件，比如播放按钮。
加上 autoplay 则直接播放，loop 则是连续播放

Answer 4

$(function(){

$("video").on("click",function(){
if($(this)[0].paused){
$(this)[0].play();
}else{
$(this)[0].pause();
}
})

});
<video src="img/1.mp4"></video>
<video src="img/2.mp4"></video>
<video src="img/3.mp4"></video>

多个video点击哪个就播放哪个

Answer 5

其一可以每个绑定事件。其二可以用对象数组吧。
---找前辈网