Как вставить видео на сайт с различных видео-хостингов БЕЗ плагинов

сентября 24 12:54 2012

Здравствуйте, уважаемые читатели! Сегодня, как и обещал, я покажу, как вставлять видео с наиболее популярных видео-хостингов, таких как youtube.com, rutube.ru, ted.com, без плагинов. Вставка видео без помощи плагинов позволяет снизить нагрузку на сайт, в результате чего он начинает грузиться быстрее и радовать посетителей своей шустрой работой.

Как вставить видео с YouTube.com

С этого популярнейшего видео-хостинга видео вставляют чаще всего.

Чтобы вставить видео с youtube.com:

  • нажмите кнопку Поделиться,
  • нажмите Сгенерировать HTML-код

Как вставить видео на сайт с различных видео-хостингов

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

Ниже под кодом можно отметить галочкой функции показа похожих видеозаписей после завершения просмотра, использование HTTPS (это тотже HTTP, только работающий через шифрованные транспортные механизмы SSL и TLS) и режима повышенной конфиденциальности (конспирируемся), получить старый код (рекомендуется).

Рекомендуется использовать старый код потому, что антивирусные программы (в особенности Касперский) иногда болезненно реагируют на iframe и просто напросто не открывают страницу. А это отказ, который негативно скажется на позициях в выдаче вашего детища.

Далее имеется возможность настроить размер видео. Можно выбрать как из стандартных размеров — 420 ? 315, 480 ? 360, 640 ? 480 и 960 ? 720, так и назначить любой Другой. Причем нужно ввести только ширину или только высоту — второй параметр система подберет самостоятельно.

На мой взгляд смотрится гораздо лучше, когда видео по ширине занимает всю ширину статьи. Но это только мое мнение...

Как вставить видео с RuTube.ru

В случае с RuTube.ru настройки беднее. Главный же недостаток заключается в том, что видео вставляется только при помощи тега iframe. Плюс размеры видео придется назначать самостоятельно.

Итак, чтобы вставить видео с RuTube.ru:

  • нажмите по ссылке Код для блога,
  • скопируйте и вставьте код.

Как вставить видео на сайт с различных видео-хостингов

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

Например, размер видео «БАРСЕЛОНА 3-2 СПАРТАК Обзор матча/19.09.12» 470 ? 353 (см. скриншот), и нам крайне необходимо, чтобы ширина видео была 400 px. Для этого мы делим 470 на 353 и получает отношение сторон

470 / 353 = 1,33.

Далее, чтобы найти высоту видео, мы делим 400 на 1,33 и получаем значение высоты (в px):

400 / 1,33 =  301 px.

Осталось только изменить значения width и height в коде на только что вычисленные.

Как вставить видео с TED.com

Совсем недавно я познакомил вас с классным медапорталом TED.com, рассказал о его характерных особенностях, которые сильно выделяют его среди прочих.

В то время как на YouTube.com и RuTube.ru публикуют не только полезную и нужную информацию, но и всякий, откровенно говоря, мусор, то на TED.com можно найти тонны только полезной информации на нескольких десятках языков.

Чтобы вставить видео с TED.com:

  • нажмите кнопку Embed,
  • в появившемся окне скопируйте код из поля Embed this video и вставьте на блог

Как вставить видео на сайт с различных видео-хостингов

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

Помимо перечисленных с каких еще видео-хостингов вы обычно вставляете видео на свой блог?

write a comment

Комментариев нет

No Comments Yet!

You can be the one to start a conversation.

Add a Comment

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.