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

Question

我想<iframe>在我的网站上以全屏模式自动播放Google驱动器中的视频。我进行了广泛搜索，但找不到我的问题的答案。我知道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>使用本地将视频嵌入标签中localhost，目前尚无直接从的方法Google Drive。

Answer 2

我以前都用过

<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>