Question

我的网站在后台有一个静音的自动播放视频。我有这个：

＆＃13;

var vidSource = document.getElementById('vidSource');

vidSource.setAttribute('src', 'images/background-mobile.webm');

window.addEventListener('touchstart', function() {

$('#backgroundVid').prop('muted', !$('#backgroundVid').prop('muted'));

});

＆＃13;

  <video id="backgroundVid" loop muted autoplay class="videoPlayer">
    <source id="vidSource" type="video/webm" />
  </video>

＆＃13;

如果我在桌面浏览器的点击事件中运行代码，它就有效。但是，使用适用于Android的Chrome，视频会在触发触摸事件时冻结。我猜想Safari for iOS以及许多其他移动浏览器都会出现同样的情况。

我知道视频需要静音，以便可以在移动设备上自动播放，但用户如何在以后取消静音？（例如：触摸屏幕或点击取消静音按钮）

在移动设备上取消静音自动播放视频

0 个答案: