Атрибут автозапуска видеоэлемента HTML 5, работающего в Firefox, но не в Chrome или Opera - PullRequest
Новая
       17

Атрибут автозапуска видеоэлемента HTML 5, работающего в Firefox, но не в Chrome или Opera

0 голосов
/ 30 августа 2018

У меня есть следующий код: 

<!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>

После открытия файла в Firefox все работает как положено.

Но при открытии файла в Chrome или Opera появляется неподвижное изображение и ничего не происходит.

Почему это так?

Я использую Ubuntu 18.04

1 Ответ

0 голосов
/ 30 августа 2018

Немного обходного пути. Добавление следующего после закрывающего тега /video может работать. 

<script> 
    document.getElementById('vid').play(); 
</script>

Это работает для вас?

РЕДАКТИРОВАТЬ: После некоторого дополнительного копания я наткнулся на этот пост https://stackoverflow.com/a/42414858/6524598. Кажется, что случай, когда Chrome уважает автоматическое воспроизведение видео, только если его звук отключен. Это будет означать, что следующее, возможно, будет работать и для вас: 

<video width="400" autoplay muted >
    <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>
...