html - 除非打开开发人员工具窗口,否则 <video> 不会在 Chrome 中播放

标签 html google-chrome video html5-canvas

我有一个视频,旨在在网站加载时自动播放(这不是我的网站,我只是在处理它)。它在 Firefox 和其他浏览器上运行良好,但在 Chrome 上,只有在加载时右键单击它才有效,或者在单击刷新时打开开发人员工具窗 Eloquent 有效。但在 Chrome 上,它只是尝试加载,然后在几秒钟后变黑。在使用 Chrome 的平板电脑上也是如此。设置如下:

<video id="bgvid" preload="metadata" type="video/mp4" autoplay="" loop="" height="auto" webkit-playsinline="">
<source src="/video.mp4" type="video/mp4"> 
<source src="/video.ogv" type="video/ogg"> 
<source src="/video.webm" type="video/webm">
</video>

有人遇到过这样的问题吗?老实说,我什至不知道从哪里开始,所以任何帮助将不胜感激。

最佳答案

已修复。在 Chrome 上,视频需要“静音”属性,而在创建网站时则不需要。我添加了这一点,然后它就解决了。

关于html - 除非打开开发人员工具窗口,否则 <video> 不会在 Chrome 中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51083662/

相关文章:

html - 悬停时的 CSS 过渡类宽度

google-chrome - 使用 Google chrome 扩展程序重定向到 url

php - 在php中回显html是否可能会导致html输出错误?

html - 如何使前一个 li 元素的背景图像消失

javascript - 如何检测单个控件的按键事件而不是组合键?

javascript - Chrome扩展能否动态添加JS文件到本地扩展目录?用户上传还是从网络保存?

用于从多帧和裁剪面部检测面部的matlab代码?

android - Videogular Player 在 Android 智能手机上显示幻灯片

ios - Objective-c 如何向现有视频(如 Instagram 应用程序)添加过滤器?

html - 为什么盒子阴影和元素之间有间隙?