Я добавляю фоновое видео со звуком.
Код отлично работает во всех браузерах, кроме Google Chrome.
Изначально видео вообще не загружается. Однако если к тегу добавлен атрибут muted, он начинает работать или без атрибута muted, если консоль открыта и страница обновлена, тогда видео загружается правильно со звуком, в противном случае - нет.
Однако тот же код работает в Firefox, Microsoft Edge, UC Browser.
Я пробовал 2 разных подхода, оба имеют одинаковую проблему, Фоновое видео на Chrome либо не работает вообще, либо для добавления видео необходимо добавить атрибут Muted.
Подход 1:
<video autoplay muted>
<source src="test.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Если я удаляю атрибут muted из видео, он перестает работать в Chrome (все еще работает во всех других браузерах)
Подход 2:
<body>
<section id="home-sec" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=s0soX6uwHbk', containment:'self', mute:false, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:50}">
<div class="overlay" >
<div class="container" >
<div class="row text-center">
<div class="col-md-12">
<h1>VIDEO GROUND </h1>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>
<h4>Cnsectetur adipiscing elit.</h4>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script> <!--Jquery CDN-->
<script src="assets/js/jquery.mb.YTPlayer.js"></script> <!--Youtube Script-->
</body>
В этом подходе тоже, если я изменю data-property = "mute: true", тогда код работает на chrome. В противном случае нет.
Моя версия Google Chrome: Версия 67.0.3396.99 (официальная сборка) (64-разрядная версия)
Похожие вопросы: « HTML5-видео не загружается в Chrome, но работает при открытии консоли разработчика »
Я пытался использовать тот же код, указанный пользователем. Опять же, работает на Firefox, но не на Chrome.
Кроме того, я использовал разные версии Chrome для тестирования. У всех версий одна и та же проблема.