Должен ли я отображать несколько циклов и автоматически воспроизводить видео на веб-сайте с использованием видео или GIF-файлов?

Question

На моем сайте я пытаюсь отобразить несколько видео, которые будут воспроизводиться автоматически. Эти видео будут автоматически воспроизводиться при прокрутке в поле зрения и должны бесконечно l oop.

Видеоролики имеют длительность около 1 минуты и должны отображать l oop и автоматически воспроизводиться при прокрутке.

Примером этого является изображение ниже.

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

С точки зрения загрузки страницы и производительности, имеет ли смысл все это воспроизводить как видео, гифки или их комбинации? Возможно ли одновременное воспроизведение нескольких видео с использованием HTML 5 видео?

Любая помощь будет принята с благодарностью!

Answer 1

Большинство советов в наши дни, как правило, заключается в использовании потокового видео, а не анимированных GIF-файлов, поскольку GIF-файлы могут быть очень большими и замедлять загрузку вашей страницы.

Это будет зависеть от формата и качества видео, а также от аппарата. браузер работает, но большинство устройств / браузеров будут обрабатывать макет, подобный показанному выше, с общим кодированием и упаковкой видео, egh264 и mp4 et c.

Причина, по которой формат видео делает Разница в том, что браузеры, как правило, используют ускорение HW для декодирования видео, если браузер и компьютер поддерживают его.

Если вам интересно, например, на Chrome вы можете увидеть возможность декодирования видео, введя фоллинг в браузере (на момент написания):

chrome: // gpu /

Это даст вам такую ​​информацию:

Если у вас есть несколько видео, вы можете обнаружить, что ускорение HW ограничено и не может быть применено t o все они, в этом случае видео может замедлиться. На самом деле, наличие большого количества видео в браузере определенно замедлит его тем или иным образом, но если ваше решение состоит только из 4 видео, вы, вероятно, обнаружите, что с большинством устройства.