Lite YouTube Embed - ускоряем загрузку страниц с плеером ютуба
Данный скрипт будет актуален тем, кто на сайте использует в качестве плеера — плеер от ютуб. Все знают что когда на странице много плееров ютуб — скорость загрузки страниц существенно падает, и даже отложенная загрузка плеера не всегда помогает. Данный скрипт выводит вместо плеера сначала изображение, и при клике на неё — загружает уже непосредственно сам плеер ютуба.
Установка скрипта:
- Подключить CSS в main.tpl
- Подключить 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]
Аналогичный скрипт