自动播放嵌入视频 html 5
Autoplay embed videos in html 5
我正在尝试为我工作中的大屏幕电视制作一个非常基本的偏差信息概览。
我的问题是我希望视频在计算机启动时自行启动,我已经设置好 chrome 以及其他所有内容都在计算机启动时启动。因此,如果有人对此有一个简单的答案,将不胜感激!
我的梦想是拥有一个本地 html 5 网页,用于包含多个视频和推特提要的计算机,这样我就可以全面了解流量等,而无需点击开始并刷新页面它停止了。
我复制了下面的嵌入快捷方式:
<div style="position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;"><iframe style="position:absolute; width:100%; height:100%; top:0; left:0;" src="//mm.aftenposten.no/video/embed/?vendor=bt&id=100573" frameborder="0" allowfullscreen="true" /></div>
要启用自动播放,您可以使用 video
标签代替 iframe
:
<div style="position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;">
<video autoplay>
<source>src="mm.aftenposten.no/video/embed/?vendor=bt&id=100573" type="video/mp4"</source>
</video>
</div>
或者,您可以使用 JavaScript 到 select iframe
元素并单击它,这将启动视频。
我正在尝试为我工作中的大屏幕电视制作一个非常基本的偏差信息概览。
我的问题是我希望视频在计算机启动时自行启动,我已经设置好 chrome 以及其他所有内容都在计算机启动时启动。因此,如果有人对此有一个简单的答案,将不胜感激!
我的梦想是拥有一个本地 html 5 网页,用于包含多个视频和推特提要的计算机,这样我就可以全面了解流量等,而无需点击开始并刷新页面它停止了。
我复制了下面的嵌入快捷方式:
<div style="position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;"><iframe style="position:absolute; width:100%; height:100%; top:0; left:0;" src="//mm.aftenposten.no/video/embed/?vendor=bt&id=100573" frameborder="0" allowfullscreen="true" /></div>
要启用自动播放,您可以使用 video
标签代替 iframe
:
<div style="position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;">
<video autoplay>
<source>src="mm.aftenposten.no/video/embed/?vendor=bt&id=100573" type="video/mp4"</source>
</video>
</div>
或者,您可以使用 JavaScript 到 select iframe
元素并单击它,这将启动视频。