1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

HTML видео фон не воспроизводится на iPhone

Главные вкладки

Аватар пользователя xSPiRiTx xSPiRiTx 17 мая 2019 в 10:36

Имею вот такой блок с видео в качестве фона

<video loop muted controls="true" autoplay poster="plane.png" class="fullscreen-bg__video" src="bg_video.mp4">
        <source src="bg_video.mp4" type="video/mp4">
        <source src="bg_video.mp4" type="video/webm">
                                <source src="bg_video.ogv" type="video/ogg">
    </video>

С компьютера и android устройств всё отлично. Но на айфонах с ios никак не воспроизводится, только постер картинку показывает статично. Знаю, что для ios нужно выводить кнопку Play, но с ней (controls="true") всё равно не работает. Как-то можно победить?

Лучший ответ

Комментарии

Аватар пользователя sas@drupal.org sas@drupal.org 17 мая 2019 в 11:48

Используйте для поддержки тега HTML5

jwplayer('video').setup({
     flashplayer: '/Scripts/jwplayer/player.swf',
     file: 'video.mp4',
     autostart: false,
     controlbar: 'over',
     image: 'thl.jpg',
     width: 295,
     height: 214,
     skin: '/Scripts/jwplayer/glow.xml',
     stretching: 'exactfit'
 });