jquery 如何设置video标签的时间！

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

2、在test.html文件内，使用div标签创建一个模块，在div内，使用p标签创建三行文字，p标签作为div的子标签。

3、在test.html文件内，设置div的id属性为testdiv，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“取子标签个数”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun（）函数。

6、在js标签中，创建myfun()函数，在函数内，使用$符号通过id(testdiv)获得div对象，再使用children()方法获得div的子标签，通过length属性便可以获得子标签的个数。最后，使用alert()方法输出个数。

这样肯定不行的，jQuery只是 *** 作了DOM的属性，虽然为标签成功加上了autoplay属性，但视频框架早已经加载完成了，后加上的autoplay属性对其没有作用。应使用HTML5 Video自带的API来控制视频播放，下面的例子实现了鼠标悬停到视频上方自动播放，鼠标移出后自动暂停的效果：

$(function(){

var video = $('video.wp-video-shortcode')

video.hover(function(){

video[0].play() // play() 和 pause() 是HTML5中video自带的API函数，哈哈，方便吧？

},function(){

video[0].pause()

})

})

<video

id="videoID"

src="video.mp4"

poster="loadbg.jpg"　视频封面

preload="auto"

x-webkit-airplay="allow"

x5-video-player-type="h5"　启用H5播放器,是wechat安卓版特性

x5-video-player-fullscreen="true"　全屏设置，设置为 true 是防止横屏

x5-video-orientation="portraint"　播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏

webkit-playsinline="true"　这个属性是iOS 10中设置可以让视频在小窗内播放，也就是不是全屏播放

playsinline="true"　ios微信浏览器支持小窗内播放

style="object-fit:fill">

</video>

---