HTML5视频元素的自动播放属性在Firefox中工作,但在Chrome或Opera中不工作
我有以下代码:HTML5视频元素的自动播放属性在Firefox中工作,但在Chrome或Opera中不工作,html,google-chrome,firefox,html5-video,ubuntu-18.04,Html,Google Chrome,Firefox,Html5 Video,Ubuntu 18.04,我有以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <video width="400" autoplay> <source src="../Videos/mov_bbb.mp4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video width="400" autoplay>
<source src="../Videos/mov_bbb.mp4" type="video/mp4">
<source src="../Videos/mov_bbb.ogg" type="video/ogg">
<source src="../Videos/mov_bbb.webm" type="video/webm">
Your browser does not support autoplay HTML5 video tag.
</video>
<p><span>Video courtesy of </span><a href="http://bigbuckbunny.org/" target="_blank">Big Buck Bunny</a></p>
</body>
</html>
文件
您的浏览器不支持自动播放HTML5视频标记。
视频由
在Firefox中打开文件后,一切都正常工作
但是,在Chrome或Opera中打开文件时,会出现一个静止图像,但什么也没有发生
为什么会这样
我正在使用Ubuntu18.04,这是一种变通方法。在关闭
/video
标记后添加以下内容可能有效
<script>
document.getElementById('vid').play();
</script>
document.getElementById('vid').play();
这对你有用吗
编辑:经过额外的挖掘,我偶然发现了这篇文章。似乎chrome只有在音频静音的情况下才会自动播放视频。这意味着以下内容可能也适用于您:
您的浏览器不支持自动播放HTML5视频标记。