Блог Евгения Попова :: Программы :: DataLife Engine

Lite YouTube Embed - ускоряем загрузку страниц с плеером ютуба


Данный скрипт будет актуален тем, кто на сайте использует в качестве плеера — плеер от ютуб. Все знают что когда на странице много плееров ютуб — скорость загрузки страниц существенно падает, и даже отложенная загрузка плеера не всегда помогает. Данный скрипт выводит вместо плеера сначала изображение, и при клике на неё — загружает уже непосредственно сам плеер ютуба.

Установка скрипта:
  1. Подключить CSS в main.tpl
  2. Подключить JS в main.tpl


<!-- Include the CSS & JS.. (This could be direct from the package or bundled) -->
<link rel="stylesheet" href="node_modules/lite-youtube-embed/src/lite-yt-embed.css" />

<script src="node_modules/lite-youtube-embed/src/lite-yt-embed.js"></script>


Вместо стандартного вывода плеера iframe нужно использовать такую конструкцию:
<!-- Use the element. You may use it before the lite-yt-embed JS is executed. -->
<lite-youtube videoid="ogfYd705cRs" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>


Источник
[attachment=167:lite-youtube-embed-master.zip]

Аналогичный скрипт
Перейти на сайт (скачивать файлы можно только на сайте)