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

时间:2019-04-18 19:28:54

标签: javascript html iframe autoplay

我想在我网站上的<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

我们将不胜感激!

2 个答案:

答案 0 :(得分:0)

我以前都用过这两个

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

答案 1 :(得分:0)

唯一的方法是使用<video>在本地将视频嵌入localhost标签中,目前尚无直接从Google Drive开始的方法。