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

Question

我想在我的网站上的<iframe>内全屏显示谷歌驱动器中的视频。我搜索了很多但我无法找到问题的答案。我知道HTML5 <video>标签有一个自动播放选项，但问题是每次页面重新加载时我都会让我的网站更改视频源，而我无法让<video>标签更改它的来源。即使我以某种方式成功地使<video>标签更改它的来源，视频仍然无法播放，因为我尝试播放视频而不更改标签源并且<video>标签未加载视频。我尝试使用以下链接加载视频：https://drive.google.com/file/d/1jsMys7KI7hjqvOE7UcW-IhkEzFpOFNRJ/preview和此链接：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>