javascript - 视频无法在 Html 中自动播放

Question

我有一个不能自动播放的视频:

  <video preload="auto" autoplay="autoplay" loop="loop" muted="muted" className="myVideo" id="vidAd">
        <source src={video} type="video/mp4"/>
        <source src={video} type="video/ogg"/>
        <source src={video} type="video/webm"/>
      Your browser does not support the video tag.
    </video>

当前视频显示但不自动播放。

我试图用 javascript 解决这个问题，但我不确定正确的语法是什么

<script type="text/javascript">
$(document).ready(function() {
   var vid = document.getElementById("vidAd");
   vid.autoplay = true;
   vid.load();
});
</script>

Answer 1

尝试:

HTML

<video preload="auto" loop="loop" muted="muted" className="myVideo" id="vidAd">
    <source src={video} type="video/mp4"/>
    <source src={video} type="video/ogg"/>
    <source src={video} type="video/webm"/>
  Your browser does not support the video tag.
</video>

JS

var vid = document.getElementById("vidAd");
vid.autoplay = true;
vid.load();