停止 iFrame 中视频内容的自动播放

Posted 2023-05-09

【中文标题】停止 iFrame 中视频内容的自动播放

【英文标题】：Stop Autoplay of Video Content in an iFrame

【发布时间】：2021-05-13 08:00:50

【问题描述】：

我正在尝试使用以下代码在iframe 的页面上加载来自不同网站的视频。

我使用的技术基本上只是让视频播放器部分在我的页面上可见，就像在 iframe 中加载 Youtube 视频一样，只是让视频播放器可见，但我无法让视频停止自动播放。

我使用了allow="autoplay 'none'" autoplay="0" autostart="0"，但视频仍然会自动播放。谁能告诉我如何让视频停止自动播放。

<div style="border: 3px solid white; overflow: hidden; margin: 5px auto; max-width: 736px;">
  <p>
    <iframe scrolling="no" src="https://VideoSource/media/ReleaseVideo" allow="autoplay 'none'" autoplay="0" autostart="0" style="font-size: 1rem; border-width: 0px; border-style: none; margin-left: -100px; height: 500px; margin-top: -75px; width: 926px;"></iframe>
  </p><br>
</div>

谢谢

【问题讨论】：

您无法访问第三方跨域iframe的内容。你试图做的事情是不可能的。

内容加载正常，视频播放也很好。我只是想阻止它自动播放。

这不是“公正”，您的页面无法访问 iframe 内容，它是一个完全独立的页面，用于所有意图和目的除非您设置了postMessage() interfacing给它。 iframe 可以正常加载并可以正常播放视频的事实与拥有文档是否可以访问或控制 iframe 内容无关。出于最出色的安全原因，它不会。

【参考方案1】：

使用autostart="false" 而不是autostart="0"。这样：

<div style="border: 3px solid white; overflow: hidden; margin: 5px auto; max-width: 736px;">
  <p>
    <iframe scrolling="no" src="https://VideoSource/media/ReleaseVideo" allow="autoplay 'none'" autoplay="0" autostart="false" style="font-size: 1rem; border-width: 0px; border-style: none; margin-left: -100px; height: 500px; margin-top: -75px; width: 926px;"></iframe>
  </p><br>
</div>