2

Вставил видео на сайт через . Включено автовоспроизведение, звук выкл. Везде работает кроме браузера Safari. Подскажите решение.

<video preload="metadata" muted="muted" autoplay loop>

            <source src="video/1080p_1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
            <source src="video/video.webm" type='video/webm; codecs="vp8, vorbis"'>
            <source src="video/video.ogv" type='video/ogg; codecs="theora, vorbis"'>

    </video>

2 ответа 2

3

Проблема решается добавлением атрибута playsinline.

<video preload="metadata" muted="muted" autoplay playsinline loop></video>
2

Еще одно возможное решение для будущих поисковиков: (Если ваша проблема не проблема с миметикой.)

По какой-то причине видео не будут воспроизводиться на iPad, если я не установил флаг control = "true".

Пример: это работало для меня на iPhone, но не на iPad.

<video loop autoplay width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

И теперь это работает как на iPad, так и на iPhone:

<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>
4
  • Видео задумано как фоновое. Ставить controls совсем не хочется.. А наверное можно выставлять controls="true" только для safari? 31 авг 2018 в 14:30
  • controls="true" не хочется но для safari обезательно
    – Aram77778
    31 авг 2018 в 14:31
  • @Григорий, вот и не надо задумывать фоновое видео.
    – Qwertiy
    31 авг 2018 в 16:29
  • Нужно добавить к video атрибут playsinline. Controls не обязательны. 1 сен 2018 в 10:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.