17 Апрель 2014

Youtube вставить видео на сайт

Автор: admin. Рубрика: IT; Видео .

С youtube творятся иногда непонятные вещи : не работают видео или, например, вы блогер и в одной из своих статей решили c youtube вставить видео на сайт. В настройках к видео на youtube можно выбрать встраиваемый HTML-код видео.

youtube kak vstavit video

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

Если доступен старый код встраивания, то вообще никаких проблем нет. Просто берем этот код и вставляем в статью.

Проблема с кодом iframe заключается в том, что, если вы добавляете его на сайт на движке WordPress, то при последующем заходе на статью с этим кодом (например для правки текста), код видео просто пропадает. И приходится опять его вставлять, а это неудобно и время не резиновое. Да и просто так не должно быть.

Не знаю, как на других движках, но на WP это так, и причина мне неизвестна. Может быть дело не в коде, а в WP, я не знаю. Но, даже обновив движок сайта до самой новой версии, все осталось по-прежнему.

Также iframe может рассматриваться алгоритмами поиска, как некий посторонний скрипт или вирус. В общем, тоже малоприятно. Кстати, если брать видео не свое, а чужое с youtube, то иногда удается получить старый код встраивания. Опять-же, не знаю в чем тут дело: youtube вообще славится тем, что любить озадачивать пользователей своими "фокусами".

Так же, у меня получалось получить старый код встраивания видео object, когда просто выходишь из своего аккаунта youtube и заходишь на свой канал, как сторонний посетитель. Опять неудобно: каждый раз выходить и заходить в аккаунт Google. А, если учесть, что youtube принадлежит google и теперь везде для всех служб google сделали общую, единую авторизацию, то это вообще превращается в большую проблему.

Здесь можно узнать, как справиться с увеличением видео в два раза при заливке на youtube.

Разбираться, кто виноват: WP или youtube или google или еще что-то вообще нет никакого желания.

Я просто нашел удобный и простой способ, имея новый код встраивания видео iframe (который пропадает из постов), преобразовать его в старый object.

Этот код мы получаем на youtube для размещения в статье (пример). И этот-же код исчезает с сайта при заходе в админ панель в редакцию статьи.

Обратите внимание на значение ZAhqcSEaxGg в данном коде. Это id ролика. Запомним его.

youtube iframe

<iframe src="//www.youtube.com/embed/ZAhqcSEaxGg?list=UU4cM7dlKQUn1W5a6L0ywiTg" height="360" width="640" allowfullscreen="" frameborder="0"></iframe>

А вот шаблонная строка кода. Меняем в нем только ID ролика: вставляем ZAhqcSEaxGg в двух местах, после V.

youtube object

<object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="never" /><param name="src" value="http://www.youtube.com/v/ZAhqcSEaxGg?version=3&amp;hl=ru_RU" /><param name="allowfullscreen" value="true" /><embed width="640" height="360" type="application/x-shockwave-flash" src="http://www.youtube.com/v/ZAhqcSEaxGg?version=3&amp;hl=ru_RU" allowFullScreen="true" allowscriptaccess="never" allowfullscreen="true" /></object>

Получили старый, проверенный код, который не исчезнет из статьи.

Наверное, нет необходимости говорить, что код этот мы размещаем в статье, зайдя в админ панель сайта, на примере WP, через вкладку "текст", а не "визуальный редактор".

Резюме: для того, чтобы получить нормальный, рабочий код встраивания видео, нужно в шаблон вставить всего 2 раза id видеоролика. id берем из нового кода встраивания на youtube. Метод удобный и рабочий, достаточно иметь просто шаблон под рукой. Шаблон можно скопировать прямо из статьи. Разумеется в коде шаблона можно изменить разрешение видео на то, которому соответствует видео. Например, вместо width="640" height="360" вставить 1080 на 720, если ваше видео залито на youtube в HD.

Вот так легко можно с youtube вставить видео на сайт. Хороших вам видео и статей. Удачи !

А вот и наше видео, код которого мы преображали: это мой клип "Когда время скользит рядом".


P.S. Сейчас на youtube работает старый код встраивания, но буквально несколько недель назад не работал. На youtube постоянно проводятся какие-то работы, которые не всегда идут на пользу. Поэтому, данная статья не будет лишней, на случай, если опять уберут старый код встраивания видео.



2 отзывов пока...

Елена пишет:

20 Ноя 2014 в 15:13.

Я тоже заметила такие фокусы с кодом на Youtube и WordPress. Спасибо за статью. Применила – получилось.

[Ответить]

admin Ответил:

Пожалуйста. Это простой и рабочий способ вставить код с ютуб на сайт.

[Ответить]

Ваш отзыв

  1. Комментарии, содержащие нецензурную брань, грубейшие грамматические ошибки или албанскую лексику, удаляются.
  2. В поле "Сайт" можно указывать только ссылку на главную страницу вашего сайта/блога. Ссылки на прочие веб-ресурсы или партнерские ссылки будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, адреса сайтов. Просьба указывать нормальное имя или ник.
  4. Короткие, бессмысленные кoммeнтapии, типа "Спасибо!", "Интересная статья", будут удалены.
  5. Комментарии не по теме, спам, любая реклама в сообщениях будут удаляться.
  6. Владелец сайта имеет право удалить любой комментарий без объяснения причин.
  7. Любые оскорбления, осуждения, нелицеприятные суждения, угрозы, высмеивания, направленные в адрес владельца сайта или других комментаторов, будут немедленно удаляться.

Рубрики

Последние записи

Последние комментарии

Создай свой сайт !

Архивы

Смотри на YouTube !

Подпишитесь на канал fotoblur в YouTube и получайте новые видео !