javascript - HTML5 视频无法从 JavaScript 自动播放

Question

我有一个 html5 视频，我正在使用 javascript 来加载和播放，但由于使用此方法，视频将不会自动播放。如果我不加载并开始使用 javascript，视频并不总是加载，无论它是黑屏还是实际加载，这似乎都是 50/50 的机会。有没有办法从 JavaScript 自动播放？

$(document).ready(function() {
  var video = document.getElementById('video');
  var mp4 = document.getElementById('mp4');

  mp4.src = 'promo2.mp4';

  video.load();
  video.play();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="divVideo" style="margin-top:30px;">
  <video id="video" controls autoplay width="560">
    <source id="mp4" type="video/mp4" />
  </video>
</div>

Answer 1

我相信 Chrome 已经阻止了 JavaScript 自动播放视频，或者至少阻止了带音频的自动播放视频。尝试将视频静音，然后自动播放。将这些 HTML 标记添加到视频元素。

playsinline autoplay muted loop

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes