Question

我正在使用WordPress。我在窗口小部件中添加了视频标记，但添加的视频无法在除Mozilla Firefox之外的任何浏览器中播放。

我得到了一些Chrome不允许自动播放的信息。但就我而言，视频也无法在iPhone，iPad，Mac，Opera浏览器和Chrome中播放。

这是我的视频代码：

<div id="v-id">
 <video id="myvideo" autoplay="autoplay" width="100%" 
 height="100%"  loopplaysinline class="video-background " loop controls>
  <source src="https://ridgebackbusinessservices.com/wp- 
  content/uploads/2018/04/TDME-Project-1-final-v2.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
</div>

如果我在播放视频document.getElementById('myvideo').play();

的控制台中执行此操作

但是如果我在页脚或标题中添加这个js代码它就不起作用了。

我添加了这样的JavaScript代码：

$( document ).ready(function() {
    $( "#v-id" ).load(function() {
    document.getElementById('myvideo').play();
    });
});

我在Stack Overflow中看到了一些关于此的问题和答案，但没有一个有效。

Answer 1

当我尝试静音时，它在codpen中工作，移除静音，它不会自动播放。但是没有在stackoverflow片段中给予静音它工作。尝试检查您当地的。让我知道是否是问题的静音

＆＃13;

<video width="320" height="240" controls autoplay muted>
  <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

＆＃13;

除Mozilla Firefox外，视频无法在任何浏览器中自动播放

1 个答案: