Question

jQuery如何操作video标签里面的autoplay属性

默认是这样的
<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()
	});
});

Answer 2

把video的控件的属性赋值到1个数组里，鼠标上去之，加载video控件进行播放

var videoString = '<video class="wp-video-shortcode"  loop="true" preload="auto"  preload="metadata" controls="controls" autoplay
="true">';
$(obj).html(videoString);

Answer 3

把这个去掉 autoplay=""
鼠标放上去再播放 就== 鼠标靠近事件 然後触发视频开始。
document.getElementById("video1").play();

Answer 4

$(function(){
var videoes = $('video');
for(var i = 0; i < videoes.length; i++){
videoes[1].onmouseover = function(){
videoes[1].play();
}
}
});