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

Posted 2023-05-07

【中文标题】如何在html中自动暂停视频？

【英文标题】：How to automatically pause a video in html?

【发布时间】：2015-06-27 00:14:46

【问题描述】：

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

我使用<video> 命令。

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

我的代码是：

<article>
<video controls   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>

【参考方案1】：

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

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

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

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

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

【参考方案2】：

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

【讨论】：

那么您如何建议我将视频上传到 youtube 并从那里嵌入视频？

【参考方案3】：

只需删除autoplay

    <article>
    <video controls  >
        <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>

【讨论】：

***.com/a/29745191/4711785已经回答了这个问题

请在您的回答中提供更多详细信息。正如目前所写的那样，很难理解您的解决方案。