Почему в Safari долго подгружается видео?

Question

[Alexander]

Подскажите пожалуйста в чем может быть причина долгой загрузки видеофона в браузере Safari?
Какие видео кодеки лучше всего использовать для video в html5?

Answer 1

[Денис Юрьев]

про кодеки для веба:
https://habr.com/ru/post/442020/
если прочтете статью полностью, то вопрос "какие видеокодеки лучше использовать" отвалится сам по себе, более того варианты кодеков для веба и как их применять в теге актуальны на сегодняшний день, разве что поддержка AV1 значительно расширилась (но вот аппаратная в зачаточном состоянии)

по части почему долго - предполагаю, потому что сначала грузит видео, а только потом его начинает воспроизводить, то с данной вводной инфой гадать остается, вероятно у вас mp4/H.264 и так-называемый moov-атом находится в конце контейнера, а не в начале, и сафари начинает воспроизводить файл только когда до него доберется. Но это голая теория в ответ на достаточно размытый вопрос

принудительно перетащить moov-атом в начало mp4/H.264 файла можно с помощью ffmpeg:

ffmpeg -i input_video_file.mp4 -vcodec copy -acodec copy -movflags faststart output_video_file.mp4

Answer 2

[yan1tsk1y]

Подскажите пожалуйста в чем может быть причина долгой загрузки видеофона в браузере Safari?

Честно, сказать не могу вот так, предоставь пожалуйста модель твоего устр-ва и версию ОС.

Какие видео кодеки лучше всего использовать для video в html5?

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

Comments

[Денис Юрьев]

mp4 - не кодек, а медиаконтейнер, внутри него могут быть видеопотоки H.265/H.264/H.262/H.261 и еще что-то, аудиопотоки так же разных форматов, а так же субтитры и изображения jpeg/png

H.265 Safari поддерживает, но вот другие браузеры сядут в лужу
H.264 Safari поддерживает, да и другие браузеры тоже