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

Question

我正在制作一个 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>

Answer 1

视频是如何添加到网站上的？

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

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

如果是<iframe>，则将autoplay=0添加到包含视频的源链接

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

Answer 2

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

Answer 3

只需删除autoplay

    <article>
    <video controls width="512" height="288">
        <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>