HTML5 Video не воспроизводится / не воспроизводится автоматически

Question

Я хочу добавить видео внутри div (я хочу сделать его фоновым видео для этого элемента).

Я добавляю видео и вижу первое изображение видео,но он не запускается / не воспроизводится.

Когда я читаю о HTML5 и видео, я думаю, что установил все необходимые свойства, но должна быть ошибка, которую я не вижу.

<div class="myclass" id="caption" contenteditable="true">
<video autoplay="" loop="" id="video-background-7608" muted="" plays-inline="" poster="">
<source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4"></video>

some content in my <span>div</span>
<img...>
</div>

Я не вижу ошибок в консоли или в сетевом отчете.

Здесь https://dev.w3.org/html5/pf-summary/video.html#attr-media-autoplay Я прочитал «Атрибут DOM автоматического воспроизведения должен отражать атрибут содержимого с тем же именем»

Облако, это точка, которая мне нужна?Что это значит?

Спасибо за помощь в ее решении!

Answer 1

Попробуйте удалить contenteditable="true" в вашем div.

<div class="myclass" id="caption">
    <video controls autoplay>
        <source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4">
    </video>
</div>

Answer 2

Большинство браузеров требуют, чтобы пользователь запускал видео, если оно не отключено.Попробуйте заглушить это.

Как это:

<div class="myclass" id="caption" contenteditable="true">
<video autoplay="" loop="" id="video-background-7608" muted="muted" plays-inline="" poster="">
<source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&amp;profile_id=119&amp;oauth2_token_id=57447761" type="video/mp4"></video>

some content in my <span>div</span>
<img...>
</div>

Answer 3

Попробуйте установить autoplay="autoplay" Скорее всего, у вас проблема с браузером или у вас есть расширение или что-то, мешающее его автоматическому воспроизведению.

Аналогичный вопрос , как упоминалось