如何使用 HTML 和 JS 全屏自动播放 iframe 视频

Question

我想在我网站上的 <iframe> 中全屏自动播放来自 google 驱动器的视频。我进行了广泛的搜索，但找不到问题的答案。我知道 HTML5 <video> 标签有一个自动播放选项，但问题是我让我的网站在每次重新加载页面时都更改了视频的来源，我无法制作 <video> 标签改变它的来源。即使我以某种方式成功地更改了 <video> 标签的来源，视频仍然无法播放，因为我已经尝试在不更改标签来源的情况下播放视频并且 <video> 标签没有加载视频。我试过用这个 link 加载视频： https://drive.google.com/file/d/1jsMys7KI7hjqvOE7UcW-IhkEzFpOFNRJ/preview 还有这个 link： https://drive.google.com/uc?export=download&id=1jsMys7KI7hjqvOE7UcW-IhkEzFpOFNRJ。

非常感谢您的帮助！

Answer 1

这两个我都用过

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

或者

<iframe class="embed-responsive-item" src="../../Video/hopeboxteaser.mp4"
     webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Answer 2

执行此操作的唯一方法是使用 localhost 在本地将视频嵌入到 <video> 标签中，目前无法直接从 Google Drive 执行此操作。

如何使用 HTML 和 JS 全屏自动播放 iframe 视频

How to autoplay an iframe video in fullscreen with HTML and JS

html

javascript

iframe

autoplay