Видео не воспроизводится автоматически ни в одном браузере, кроме Mozilla Firefox
Я использую WordPress. Я добавил тег видео в виджет, но это добавленное видео не воспроизводится ни в одном браузере, кроме Mozilla Firefox.
Я получил информацию о том, что Chrome больше не поддерживает автоматическое воспроизведение. Но в моем случае видео также не воспроизводится в iPhone, iPad, Mac, браузерах Opera и Chrome.
Вот мой видеокод:
<div id = "v-id">
<video id = "myvideo" autoplay = "autoplay" width = "100%"
height = "100%" loopplaysinline class = "video-background " loop controls>
<source src = "https://ridgebackbusinessservices.com/wp-
content/uploads/2018/04/TDME-Project-1-final-v2.mp4" type = "video/mp4" />
<source src = "movie.ogg" type = "video/ogg" />
Your browser does not support the video tag.
</video>
</div>
Если я сделаю это в консоли, которая воспроизводит видео document.getElementById('myvideo').play();
Но если я добавлю этот js-код в нижний колонтитул или заголовок, он не сработает.
Я добавил этот код JavaScript, например:
$( document ).ready(function() {
$( "#v-id" ).load(function() {
document.getElementById('myvideo').play();
});
});
Я видел несколько вопросов и ответов по этому поводу в Stack Overflow, но ни один из них не работал.
он тоже не работает :(
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
когда я попытался включить отключение звука, он работал в codpen, удалите отключенный звук, он не будет автоматически воспроизводиться. но без отключения звука в фрагменте stackoverflow он работал. Попробуйте проверить в вашем местном. дайте мне знать, была ли проблема в отключении звука
<video width = "320" height = "240" controls autoplay muted>
<source src = "http://techslides.com/demos/sample-videos/small.mp4" type = "video/mp4">
Your browser does not support the video tag.
</video>На самом деле мне тоже нужен звук.
попробуйте использовать этот документ. getElementById ("myvideo"). setAttribute ('autoplay', true);