Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5视频元素的自动播放属性在Firefox中工作,但在Chrome或Opera中不工作_Html_Google Chrome_Firefox_Html5 Video_Ubuntu 18.04 - Fatal编程技术网

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视频标记。