为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

吃鸡游戏 2021-05-25 18:15:59

默认是这样的
<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=""> 设置不了自动不放...
我的目的就是想让鼠标放上去之后自动播放

查看完整描述

3 回答

?
小唯快跑啊

TA贡献1624条经验 获得超5个赞

这样肯定不行的,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()    });});


查看完整回答
反对 回复 2021-05-31
?
暮色呼如

TA贡献1627条经验 获得超11个赞

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

查看完整回答
反对 回复 2021-05-31
?
幕布斯7119047

TA贡献1619条经验 获得超12个赞

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



查看完整回答
反对 回复 2021-05-31

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信