Как мне использовать «нетерпеливую» ленивую загрузку в chrome с видеопостерами? - PullRequest
0 голосов
/ 08 октября 2019

На основании моего прочтения этой статьи на сайте разработчиков Google и моей памяти о том, как мой сайт работал, похоже, что ленивая загрузка стала новым значением по умолчанию. Это классно! Тем не менее, у меня есть сайт, который люди используют для просмотра библиотеки мультимедиа, и отложенная загрузка добавляет немного визуального рывка, поэтому я хотел бы отключить его в этом случае.

Я понимаю, что могудобавьте loading="eager" в качестве атрибута тега img, однако мой сайт работает так: я отображаю сетку из 60x video элементов и использую атрибут poster для отображения изображения до тех пор, пока пользователь hover sснова, а затем воспроизводится видео в супер-низком разрешении.

loading="eager", похоже, не работает для плакатов video элементов. Что мне делать?

Вот мой кодовый блок:

<video loading="eager" class="hoverToPlay" muted loop 
 preload="none" src="../media/?clip=1297&q=q" 
 poster="../media/?clip=1297&q=t"></video>
...