jquery怎么给video绑点击事件

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() // 暂停

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

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

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

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

---