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

该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。

该方式首先会调用dispose方法销毁已经创建的video标签，并移除所有的组件和监听事件，然后需要自己创建video并设置其id（注意该id不能与之前销毁的id相同，我也不知道为啥～ :) ）和class以及src，然后将创建的video添加到文档中，如上html的结构，将作为id= vWrap的子元素添加到文档中。

一开始在项目中使用dplayer做为视频的播放库，但是由于在孤儿浏览器上出现兼容问题