blackseabreathe
@blackseabreathe
brackets

Почему html5 странно работает в safari macOS/iOS?

<video preload="auto" playsinline webkit-playsinline poster="/poster.jpg" id="video">
<source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video.webm type='video/webm; codecs="vp8, vorbis"'>
</video>


Когда открываешь страницу в Safari с любого яблочного устройства и нажимаешь плей, то видео зависает на несколько секунд (5-20) и только потом начинается воспроизведение. В это время в других браузерах проблема не наблюдается.

Еще один момент заметил, есть на странице попап окно, в нем есть кнопка крестик "закрыть", крести - svg inline элемент, так вот он не отображается пока видео не началось воспроизводиться.
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
28 нояб. 2024, в 21:25
5000 руб./за проект
28 нояб. 2024, в 18:46
3000 руб./за проект
28 нояб. 2024, в 17:46
10000 руб./за проект