求解，求问一下jQuery如何操作video标签里面的autoplay属性？

Question

默认是这样的
<video class="wp-video-shortcode" loop="true" preload="auto" preload="metadata" controls="controls">
我用jquery操作后
$(".wp-video-shortcode").attr('autoplay', "true");; //貌似这样不行
结果变成了
<video class="wp-video-shortcode" loop="true" preload="auto" controls="controls" autoplay=""> 设置不了自动不放...
我的目的就是想让鼠标放上去之后自动播放

Answer 1

这样肯定不行的，jQuery只是操作了DOM的属性，虽然为标签成功加上了autoplay属性，但视频框架早已经加载完成了，后加上的autoplay属性对其没有作用。应使用HTML5 Video自带的API来控制视频播放，下面的例子实现了鼠标悬停到视频上方自动播放，鼠标移出后自动暂停的效果：$(function(){&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;video&nbsp;=&nbsp;$('video.wp-video-shortcode');&nbsp;&nbsp;&nbsp;&nbsp;video.hover(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;video[0].play()&nbsp;//&nbsp;play()&nbsp;和&nbsp;pause()&nbsp;是HTML5中video自带的API函数，哈哈，方便吧？&nbsp;&nbsp;&nbsp;&nbsp;},function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;video[0].pause()&nbsp;&nbsp;&nbsp;&nbsp;});});