Блог

Итак, я создал этот слайдер с помощью bxSlider, и он отлично работает. За исключением Chrome. В Chrome он не считывает ни один из атрибутов внутри <video> тега, вложенного внутрь слайдера. Таким образом, автозапуск отсутствует, а элементы управления по-прежнему доступны.

Вот код, он довольно прост:

 <ul class="slider bxslider" id="slider">
    <li id="01" class="slide">
        <video autoplay loop muted poster="img/01.jpg">
            <source src="img/pickup.webm" type="video/webm">
            <source src="img/pickup.mp4" type="video/mp4">
        </video>
    </li>
    <li id="02" class="slide">
        <img src="img/02.jpg">
    </li>
</ul>
  

Это отлично работает в любом другом браузере. Если я использую тот же код вне слайдера <ul> , все работает. Я нашел несколько взломов с использованием JS, которые должны решить проблему, но я бы предпочел решить это без использования JS. Есть мысли?

Добавление video: true и fitvids.js плагин устранил проблему.