Как вставить видео с youtube на сайт без увеличения скорости загрузки

Как вставить видео с youtube на сайт и сохранить высокую скорость загрузки страницы?

Если на Вашем сайте представлено большое количество видео на одной странице, вы наверняка замечали, что страница начинает грузится долго. Существует отличное решение данной проблемы (источник).

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

Когда посетитель нажимает кнопку воспроизведения, отображаемое изображение превращается в стандартный проигрыватель видео. Таким образом, дополнительные ресурсы загружаются только тогда, когда пользователь решил посмотреть встроенное видео, а не как иначе.

  1. Скачиваем архив со скриптом Скачать в котором находятся скрипт и картинка для заставки Play;
  2. Закачиваем архив в корневую папку вашего сайта, у меня это папка /lu-web.ru/public_html;
  3. В файле youtube.js на ходим текст «дорога к изображению» и меняем данный путь на свой у меня это получился http://lu-web.ru/public_html/youtube/1.png
  4. В место куда хотим вставит видео добавляем такой код:
    <script src="http://Путь к файлу youtube.js" type="text/javascript"></script>

    — Где id=»JZioV5d3osg» — это id видеоролика, узнать его можно из строки браузера на ютубе

    — Также здесь нужно прописать путь к скрипту src=»http://Путь к файлу youtube.js» у меня получился такой путь http://lu-web.ru/public_html/youtube/youtube.js

Если не отображается картинка, обновите браузер

Оставьте комментарий