ой код вставки для этого видео недействителен

Самый простой способ получения кода видео YouTube 🕔 1 мин.

Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Самый простой способ получения кода видео YouTube

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

Увидели видеоплеер YouTube, нажимаем правой кнопкой мышки на нижнюю часть плеера. На картинке я ее выделил зеленой рамочкой.

ой код вставки для этого видео недействителен. 78818813 2447247 01. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-78818813 2447247 01. картинка ой код вставки для этого видео недействителен. картинка 78818813 2447247 01. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

В появившемся списке меню выбираем пункт «Копировать HTML-код» и нажимаем на него левой кнопкой мышки.

ой код вставки для этого видео недействителен. 78818814 2447247 02. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-78818814 2447247 02. картинка ой код вставки для этого видео недействителен. картинка 78818814 2447247 02. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

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

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

Посмотрите видео «Смешарики и Гарри Поттер (трейлер-пародия)», которое использовал для иллюстраций.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Источник

Скрытые возможности встраивания видео из Youtube

При создании сайтов частенько возникает необходимость вставить какой-то видео-ролик из YouTube. Это может быть продающее видео, какая-то инструкция, видео-комментарий.

В этой статье я покажу вам, как это сделать. А также поделюсь некоторыми дополнительными полезностями для вставки этих видео:) Поехали!

Чтобы вставить видео на сайт, необходимо сначала скопировать его код. Код видео берем с сайта YouTube, открыв страницу с нужным видео. На примере видео Академии Лидогенерации:

ой код вставки для этого видео недействителен. 1. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-1. картинка ой код вставки для этого видео недействителен. картинка 1. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

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

ой код вставки для этого видео недействителен. 2. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-2. картинка ой код вставки для этого видео недействителен. картинка 2. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Дополнительные настройки встраивания.

Кликните ЕЩЕ под HTML-кодом видео и вы их увидите:

ой код вставки для этого видео недействителен. 3. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-3. картинка ой код вставки для этого видео недействителен. картинка 3. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Как они работают:

ой код вставки для этого видео недействителен. 4. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-4. картинка ой код вставки для этого видео недействителен. картинка 4. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Если тыкать эти галки, вы увидите изменения в коде для вставки. Пример:

ET1ECoJqdGg» frameborder=»0″ allowfullscreen> — оригинальный код без доп.настроек.

ET1ECoJqdGg? rel=0 » frameborder=»0″ allowfullscreen> — убрал галку “Показывать похожие видео…” (что добавилось в коде выделил красным).

Хозяйке на заметку: синим выделен идентификатор видео, указывающее YouTube какое именно видео воспроизводить в фрейме. Хотите поменять видео без изменения настроек отображения на сайте — просто поменяйте эту часть кода.

Как вставляются доп.коды

Как видите, доп.коды вставляются через знак ? после идентификатора видео. Знак ? ставится только перед первым доп.кодом, остальные вставляются через знак &. Например:

ET1ECoJqdGg? rel=0&showinfo=0&autoplay=0 » frameborder=»0″ allowfullscreen>

Другие коды, которые могут быть полезны:

ой код вставки для этого видео недействителен. 5. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-5. картинка ой код вставки для этого видео недействителен. картинка 5. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

ой код вставки для этого видео недействителен. 6. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-6. картинка ой код вставки для этого видео недействителен. картинка 6. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Удачных вам экспериментов и CTR до неба!

Статья подготовлена при поддержке и соавторстве знакомого специалиста по YouTube Юрия Бледных в рамках конкурса «Контента много не бывает».

Если статья Вам понравилась, ставьте лайки, пишите комментарии.

Источник

Урок 15. Как вставить видео на страницу сайта средствами HTML?

ой код вставки для этого видео недействителен. 20130823142523144. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-20130823142523144. картинка ой код вставки для этого видео недействителен. картинка 20130823142523144. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.
1. Как вставить видео на сайт средствами HTML?
2. Короткий код вставки видео с Youtube на сайт

Как вставить видео на сайт средствами HTML?

Есть два вида вставки видео на сайт: видео с другого ресурса (Youtube, Yandex video, Rutube и другие) и видеофайл, который уже загружен на сайт и открывающийся прямой ссылкой.

После этого Вы вставляете полученный код к себе на страницу. Получается примерно следующий отрезок кода:

Код HTML

Настройки окна видео подстраиваете под себя: width (ширина в пикселях), height (высота в пикселях). В ссылке http://video.rutube.ru/7c806393a9705797d7e92c4a05493d5d при выборе другого видео достаточно поменять код видео, который подчёркнут. Тег embed используется для старых настроек браузеров, поэтому там также не забываем поменять размеры видео и тд, иначе при просмотре через другой браузер окно с видео будет отличаться.

Поскольку простых путей не ищем, то предположим, что Вы хотите вставить SWF-файл. Существует множество плееров доступных он-лайн. Например, FlowPlayer ( скачать FlowPlayer ). После скачивания архива загрузите его на сайт в папку с соответствующим названием flowplayer. После этого надо прикрепить к странице с видео данный плеер, для этого вставляем в head следующую строку:

Код HTML

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

Из плюсов данного метода хотел бы отметить отсутствие рекламы при проигрывании видео и, при нормальной работающем хостинге(!), быструю загрузку видео.

Короткий код вставки видео с Youtube на сайт

ой код вставки для этого видео недействителен. 20140429114451286. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-20140429114451286. картинка ой код вставки для этого видео недействителен. картинка 20140429114451286. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.
На этот случай достаточно одной строки кода с использованием iframe. В коде будет менять только http://www.youtube.com/embed/WRtAVxqacQM короткий идентификационный код для видео. Также по желанию можно изменить размеры окна видео: width (ширина в пикселях), height (высота в пикселях).

Код HTML (вставляем куда угодно в body документа)

И наслаждаемся клипом LP!)

Вставка видео или тег video в HTML5

Позволяет встраивать, воспроизводить и управлять настройками видеоролика на веб-странице.
Синтаксис

Пример кода тега video

Вставка видео с помощью в html-страницу при помощи embed

Элемент embed используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Чем метод отличается от предыдущих? В большинстве случаев, подобные объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

К слову, спецификация HTML 4.0 рекомендует использовать тег object для загрузки внешних данных вместо тега embed. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить embed внутрь контейнера object.

Спасибо за внимание! И успехов при вставке видео на сайт!)

Источник

Как получить HTML-код для вставки на сайт видео с YouTube

ой код вставки для этого видео недействителен. 319. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-319. картинка ой код вставки для этого видео недействителен. картинка 319. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Видео с YouTube вовсе не обязательно просматривать только на сайте www.YouTube.com. Наверняка приходилось встречать ролики, расположенные на видео-хостинге YouTube, которые вставлены в посты в социальных сетях или на чьи-нибудь сайтах. В этой статье подробно рассмотрим, где и как взять HTML-код для того, чтобы вставить себе на сайт своё (или понравившееся) видео с YouTube.

Как узнать адрес YouTube видео, расположенного на сайте

Посмотрим на примере обычного видео, расположенного на сайте, как узнать его HTML-код для вставки на свой сайт. Для этого внимательно приглядимся к всплывающей информации на видео при наведении мышки. В правом верхнем углу видео находится хитровывернутая стрелка. Она то нам и нужна! Кликаем по ней!

ой код вставки для этого видео недействителен. 0004. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-0004. картинка ой код вставки для этого видео недействителен. картинка 0004. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Ссылки «Поделиться» ролика с YouTube

ой код вставки для этого видео недействителен. 0005. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-0005. картинка ой код вставки для этого видео недействителен. картинка 0005. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

HTML-код для вставки на сайт видео с YouTube

Ура-ура! В новой вкладке откроется собственно страница с видео на сайте YouTube. А это нам и нужно. Смотрим на то, что расположено ниже видео и делаем следующее:

ой код вставки для этого видео недействителен. 0006. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-0006. картинка ой код вставки для этого видео недействителен. картинка 0006. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

В общем-то всё!

Во вкладке «HTML-код», найденной выше будет то, что мы искали:

Этот код можно скопировать и попытаться вставить к себе на сайт. С этим могут быть проблемы, так как тег может быть запрещён, но это тема для другой статьи.

Также есть расширенные настройки во вкладке YouTube «HTML-код», но это тоже отдельная тема.

Источник

Вставить Youtube/Vimeo

Шаг 1

Чтобы разместить на странице видео поставьте курсор в позицию, где будет расположен ролик и на рабочей панели нажмите кнопку «Вставить видео»

ой код вставки для этого видео недействителен. 155543641 784 5c63ee00385b5. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-155543641 784 5c63ee00385b5. картинка ой код вставки для этого видео недействителен. картинка 155543641 784 5c63ee00385b5. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Шаг 2

В открывшемся окне укажите ссылку на видео или embed код

ой код вставки для этого видео недействителен. 155543641 786 5c63edd574828. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-155543641 786 5c63edd574828. картинка ой код вставки для этого видео недействителен. картинка 155543641 786 5c63edd574828. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Тут же Вы можете указать размеры окна видео в пикселах:

ой код вставки для этого видео недействителен. 155543641 787 5c63ede31b586. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-155543641 787 5c63ede31b586. картинка ой код вставки для этого видео недействителен. картинка 155543641 787 5c63ede31b586. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

В конце не забудьте нажать «Ок».

Альтернативный вариант вставки через HTML-код

ой код вставки для этого видео недействителен. 259917221 1976 5c63eddeb4479. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-259917221 1976 5c63eddeb4479. картинка ой код вставки для этого видео недействителен. картинка 259917221 1976 5c63eddeb4479. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

В раскрывшемся окне нажмите на кнопку «Встроить».

ой код вставки для этого видео недействителен. 259917221 1981 5c63edd9c3057. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-259917221 1981 5c63edd9c3057. картинка ой код вставки для этого видео недействителен. картинка 259917221 1981 5c63edd9c3057. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Затем снова «Встроить» в блоке «Отправить ссылку».

ой код вставки для этого видео недействителен. 259917221 1980 5c63edfd7a8c0. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-259917221 1980 5c63edfd7a8c0. картинка ой код вставки для этого видео недействителен. картинка 259917221 1980 5c63edfd7a8c0. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

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

ой код вставки для этого видео недействителен. 259917221 1974 5c63eddced718. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-259917221 1974 5c63eddced718. картинка ой код вставки для этого видео недействителен. картинка 259917221 1974 5c63eddced718. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

После того как Вы настроите видео, скопируйте содержимое поля с помощью кнопки «Копировать».

ой код вставки для этого видео недействителен. 259917221 1983 5c63eddda2be1. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-259917221 1983 5c63eddda2be1. картинка ой код вставки для этого видео недействителен. картинка 259917221 1983 5c63eddda2be1. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

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

ой код вставки для этого видео недействителен. 155543641 785 5c63edd56e9df. ой код вставки для этого видео недействителен фото. ой код вставки для этого видео недействителен-155543641 785 5c63edd56e9df. картинка ой код вставки для этого видео недействителен. картинка 155543641 785 5c63edd56e9df. Небольшое, но очень важное дополнение к посту «Как вставить в пост на Лиру видео YouTube. Обновление«. Хотел опубликовать всё вместе в другом блоге, но так люблю лирушку, что хочется скорее сообщить о новинке. Копирование запрещено! Убедительная просьба: не пишите в комментариях благодарности.

Обратите внимание!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *