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

时间:2018-06-28 13:03:52

标签: html5 google-chrome video html5-canvas

我有一个视频,当网站加载后,该视频可以自动播放(这不是我的网站,我只是在做它)。它在firefox和其他浏览器上工作正常,但在Chrome上,仅当我在加载时右键单击时才有效,或者在单击刷新时打开开发人员工具窗口时才有效。但是放任在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>

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

1 个答案:

答案 0 :(得分:4)

解决了。在Chrome上,视频需要将属性设置为“静音”,而在创建网站时则不需要。我添加了它,并修复了它。