时间戳

首页 > 解决方案 > 如何使用 HTML 和 JS 全屏自动播放 iframe 视频

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

问题描述

我想<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。

非常感谢您的帮助！

标签： javascripthtmliframeautoplay

解决方案

我以前用过这两个

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

推荐阅读