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>

3 ответа 3

4

Проблема решается добавлением атрибута 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? Commented 31 авг. 2018 в 14:30
  • controls="true" не хочется но для safari обезательно
    – Aram77778
    Commented 31 авг. 2018 в 14:31
  • @Григорий, вот и не надо задумывать фоновое видео.
    – Qwertiy
    Commented 31 авг. 2018 в 16:29
  • Нужно добавить к video атрибут playsinline. Controls не обязательны. Commented 1 сент. 2018 в 10:05
0

бывает еще не воспроизводится на safari из-за того что видео в MP4 не с кодеком H.264, переконвертировав его это исправляет проблему

"The MP4 container format with the H.264 video codec and the AAC audio codec is natively supported by desktop/mobile Internet Explorer, Safari and Chrome, but Chromium and Opera do not support the format. IE and Chrome also support the MP3 audio codec in the MP4 container, but Safari does not."

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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