求解，求问一下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(){    var video = $('video.wp-video-shortcode');    video.hover(function(){        video[0].play() // play() 和 pause() 是HTML5中video自带的API函数，哈哈，方便吧？    },function(){        video[0].pause()    });});