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

Question

我正在制作一个 Starbuzz 咖啡网页，我在其中放了一些视频。每当我进入那个页面时，视频就会自动开始。即使我没有点击播放按钮。我希望视频仅在用户单击播放按钮时开始播放。

我使用<video>命令。

基本上我希望视频默认暂停。我使用 Google Chrome。有办法吗？

我的代码是：

<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 添加到包含视频的来源 link

编辑：我忘了 <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>

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

How to automatically pause a video in html?

html

google-chrome

video

html5-video