如何在iframe中禁用本地视频的自动播放功能

Question

当src来自我的本地电脑时,如何禁用视频自动播放？

<iframe width="465" height="315" src="videos/example.mp4"></iframe>

我尝试了以下,但它不起作用:

• src="videos/example.mp4?autoplay=0"
• src="videos/example.mp4?autoplay=false"
• src="videos/example.mp4?autostart=0"
• src="videos/example.mp4?autostart=false"

Answer 1

如果您使用的是HTML5,则使用Video标签适用于此目的.

您可以通过这种方式使用视频标签进行无自动播放:

<video width="320" height="240" controls>
    <source src="videos/example.mp4" type="video/mp4">
</video>

要启用自动播放,

<video width="320" height="240" controls autoplay>
    <source src="videos/example.mp4" type="video/mp4">
</video>

Answer 2

如果您仍然需要使用 iframe，请添加沙箱

<iframe width="465" height="315" src="videos/example.mp4" sandbox></iframe>

Answer 3

试试这个代码来禁用自动播放视频。

它的工作。如果您完成此操作，请投票

<div class="embed-responsive embed-responsive-16by9">
    <video controls="true" class="embed-responsive-item">
      <source src="example.mp4" type="video/mp4" />
    </video>
</div>

Answer 4

为此替换 iframe：

<video class="video-fluid z-depth-1" loop controls muted>
  <source src="videos/example.mp4" type="video/mp4" />
</video>