如何在html中自动暂停视频?

时间:2015-04-20 10:13:09

标签: html html5 google-chrome video html5-video

我正在制作Starbuzz咖啡网页,我正在制作一些视频。每当我进入该页面时,视频都会自动启动。即使没有我点击播放按钮。我希望视频仅在用户点击播放按钮时启动。

我使用<video>命令。

基本上我希望视频默认处于暂停状态。我使用谷歌浏览器。有没有办法做到这一点?

我的代码是:

<article>
<video controls width="512" height="288" autoplay>
    <source src="Starbucks Coffee Perfection.mp4">
    <source src="Starbucks Coffee Perfection.webm">
    <p>Sorry, your browser doesn't support the video element.</p>
</video>
</article>

2 个答案:

答案 0 :(得分:4)

如何将视频添加到网站?

如果您使用<embed>添加autoplay="false"

否则,如果您使用<object>添加<param name="play" value="false" />

否则,如果它<iframe>autoplay=0添加到所包含视频的来源链接

编辑: 我忘记了<video>:D 如果您使用此标记添加视频,请删除autoplay参数。

答案 1 :(得分:0)

如果您要将视频上传到youtube上,然后从那里嵌入视频,则会自动执行此操作