jquery怎么实现点击video播放,或暂停? 页面上有好几个video,怎么实现...

发布网友发布时间：2022-04-22 22:10

我来回答

共7个回答

热心网友时间：2022-04-20 01:15

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

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

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

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

Media.play(); //播放

Media.pause(); //暂停

热心网友时间：2022-04-20 02:33

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

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

则对应的脚本代码为：

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

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

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

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

热心网友时间：2022-04-20 04:08

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

热心网友时间：2022-04-20 05:59

$(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点击哪个就播放哪个

热心网友时间：2022-04-20 08:07

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

热心网友时间：2022-04-20 10:32

使用jq的时候会报错，所以结合jq的朋友

$(#Media).[0]play(); //播放
$(#Media).[0].pause(); //暂停

热心网友时间：2022-04-20 13:13

亲测可用