Javascript 在手机上取消静音自动播放视频

Javascript 在手机上取消静音自动播放视频,javascript,android,mobile,touch,html5-video,Javascript,Android,Mobile,Touch,Html5 Video,我有一个网站,有一个静音的自动播放视频的背景。 我有这个: var vidSource=document.getElementById('vidSource'); setAttribute('src','images/background mobile.webm'); addEventListener('touchstart',function()){ $('背景视频').prop('静音',!$('背景视频').prop('静音'); }); 我在Android版Chrome上遇到了同样的

我有一个网站,有一个静音的自动播放视频的背景。 我有这个:

var vidSource=document.getElementById('vidSource');
setAttribute('src','images/background mobile.webm');
addEventListener('touchstart',function()){
$('背景视频').prop('静音',!$('背景视频').prop('静音');
});


我在Android版Chrome上遇到了同样的问题。MobileSafari的行为与此不同。问题只出现在
touchstart
上<代码>触摸端
单击
不会暂停视频。你找到解决办法了吗?我可以用Chrome或三星浏览器在Android(8到10)上确认这个问题。更准确地说,只有当取消静音点击是页面加载后的第一次交互(即初始或重新加载,有趣的是,不是导航,甚至不是Javascript重新加载)时,才会发生这种情况。听起来像是一个浏览器或系统错误。使用“touchend”对我来说是一个可行的解决方法,谢谢@Daghall!