Мой сайт

Когда ты вставлять любые YouTube видео на сайте, используя стандартные IFRAME теги, вы будете удивлены, узнав, как много лишних килограммов, видео добавляет к вашей странице.

Web-страница для загрузки дополнительных около 400 КБ ресурсов (CSS,
JavaSript и файлов Изображений) для оказания видео плеер в одиночку, и
эти дополнительные ресурсы будут загружать, даже если посетитель сайта
не захотел смотреть встроенные видео с YouTube.

Это может быть
проблемой, по двум причинам. Однажды, мы косвенно добавив дополнительный
вес (около 0,4 Мб) на наших страницах, а во-вторых, в браузере
посетителя должны сделать несколько HTTP-запросов, чтобы сделать
видео-плеер. Оба этих фактора увеличивают общее время загрузки вашей
страницы и, возможно, повлиять на страница скорость оценка как хорошо.

Решение: Загрузка Видео с YouTube Плеер По запросу

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

Вместо вложения
полное Youtube видео плеер, Google+ только показывает на маленькую
картинку из видео YouTube, а затем наложение играть значок поверх видео,
и изображение напоминает video player. Посмотрите на этот образец видео, встроенные ниже или на Google Плюс .

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

Код: Врежьте Видео YouTube без Увеличения Времени Загрузки

Регулярные
вставлять код для YouTube выглядит примерно так. Вы укажите высоту
игрока (в пикселях), ширина и уникальные YouTube ID видео.

<iframe ширина="320" высота="180" 
 src="http://www.youtube.com/embed/LcIytqkbdlo">
</iframe>

И
вот связанных по требованию код для YouTube. Вы должны заменить высота,
ширина и Youtube ID в коде, приведенном выше, а затем
скопировать-вставить его в любом месте вашего веб-шаблона.

<div класс="youtube" id="LcIytqkbdlo" стиль="ширина: 320px; высота: 180px;"></div>
<script src="https://labnol.googlecode.com/files/youtube.js"></script>

Это
маленькое изменение сократит размер вашей страницы, по меньшей мере,
300 КБ, в то время как работы с форумами. Вы можете обратиться к аннотированный код чтобы узнать, как по требованию встраивания работ.