html - 当我使用海报图片时视频不自动播放

标签 html html5-video

我有一个简单的问题。

我想在视频下载到缓存之前使用图像。视频下载完成后,视频必须自动播放。所以,我为图像使用了“海报”属性。但是现在视频自动播放不起作用。

<video width="100%" height="100%" autoplay loop poster="img/loading.gif">
    <source src="img/myvideo.mp4" type="video/mp4">
</video>

我不想使用“控件”属性。我怎么解决这个问题?

最佳答案

可能是这个Google chrome disables autoplay

Chrome 和我相信 Firefox 已禁用网站上的自动播放。用户必须允许自动播放视频。

关于html - 当我使用海报图片时视频不自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55869039/

相关文章:

html - 如何将图像向右对齐,同时将它们相对于彼此居中对齐?

html - 具有不同列宽的响应式 flexbox 网格

javascript - HTML5 视频 - 如果当前时间等于设置时间则运行事件

google-chrome - 网络浏览器缓冲实时 webm 流并引入延迟的解决方法(如何播放实时 webm 流)

javascript - 循环播放的 HTML5 视频在循环播放时出现黑屏

html - 在自定义复选框中居中检查/勾选

html - 为什么在不使用属性 float 的情况下使用 <div> 之一时 float 在此示例中不起作用?

jquery - 如果使用 jquery,如何在 html5 中显示分钟和秒 CurrentTime <video>?

javascript - Video.js 响应式不适用于小屏幕

javascript - 在 KineticJS 中缩放到固定点