Как вставить видео с Youtube на сайт + видеоурок. Как вставить видео с ютуба на сайт


Как вставить видео с ютуба на сайт — Изучаем SEO вместе

как вставить видео с ютуба на блогкак вставить видео с ютуба на блог

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

Итак, как вставить видео с ютуба на ваш сайт - блог.на самом деле вставить видео с ютуба на ваш сайт - проще простого. Находите на ютубе понравившийся ролик, тыкаете правой кнопкой мыши на него, в выпадающем меню выбираете "копировать HTML - код" и затем кликаете левой кнопкой мыши. Код скопирован, теперь правой кнопкой мыши кликаете в любом месте вашей записи и выбираете " вставить". То есть копируете, а потом вставляете на свой сайт. Не забывайте, что код видео с ютуба нужно вставлять в режиме html, а не в визуальном редакторе. Подробно на рисунке.как вставить видео с ютуба

Второй способ вставить видео с ютуба на блог. Он тоже прост, при условии, что ваш блог на движке wordpress. Для того, чтобы вставить видео с ютуба на блог, используете плагин Video Embedder. Качаем плагин, заливаем на хостинг, не забываем активировать плагин в админке wordpress. С помощью данного плагина можно вставить видео не только с ютуба, но и с еще 20 видеохостингов, включая такие известные, как google video. Но мы рассмотрим в статье, как вставить видео на блог именно с ютуба.Итак, открываете понравившийся ролик на ютубе, в адресной строке смотрите идентификатор ролика.Обычно это набор цифро - букв, идут сразу после знака =. Смотрите рисунок в помощь, выделенное синим и есть идентификатор кода видеоролика.как вставить видео с ютуба на блог Скопировав идентификатор нужного нам видеоролика, затем вставляем в любое место в вашей wordpress - записи. Но не просто вставляем, а заключаем между тегами плагина. Смотрите рисунок.

вставляем видео с ютуба при помощи плагина

Заметьте, вставлять нужно сразу после квадратных скобок, без пробела.Ну вот, теперь вы без проблем сможете вставить видео с ютуба на ваш блог как вручную, так и с помощью плагина. выбирайте любой понравившийся метод. Каждый вебмастер вставляет видео с ютуба на сайт по каким - то своим причинам. Кто - то хочет оживить блог, кто - то подбирает видеоролики под тему поста. Но я поделюсь с вами секретом, для чего вставляют видео с ютуба вебмастера, занимающиеся продвижением сайтов. Для чего вставляют видео с ютуба сеошники? Конечно же, для продвижения своих сайтов. Как видео с ютуба помогает продвинуть ваш сайт? Как бы странно это ни звучало, это работает. Ну а как, вы узнаете из моих следующих статей, вернее моя следующая статья будет именно об этом.

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

kirovinet.ru

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

Простые способы — как вставить видео Youtube на сайт.

 

Как вставить на сайт видео Youtube с помощью кода HTML (фрейма)

Использование кода фрейма для вставки ролика видео на сайт, наиболее распространённый и простой вариант.

Найдите любое понравившееся видео на хостинге Youtube, которое необходимо вставить на сайт. Чтобы получить код фрейма просматриваемого ролика, достаточно правой кнопкой мыши щёлкнуть по нему и открыть контекстное меню.

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

В меню выберите пункт \Копировать HTML-код\ , левой кнопкой мыши скопируйте код.

<iframe src="https://www.youtube.com/embed/BxqpfR7z5Q4" frameborder="0" allowfullscreen></iframe>

Вставьте фрейм в html страницы сайта. Если необходимо, сразу отредактируйте параметры кода.

Измените ширину и высоту окна окна для вывода видео на сайте. На Youtube оно слишком большое (но это на ваше усмотрение). В приведённом коде ширина окна - width= “854”, высота — heigt=”480” .

Чтобы уменьшить - изменим на более приемлимый для сайта размер, сделаем: width= “540”, высота — heigt=”320”.

 

Вот так выглядит видео-ролик на сайте

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

В Wordpress используется поддержка размещения видео с помощью шорткода.

Зайдите в админ панель сайта, далее \Все записи\ - \Добавить новую\.

Откройте \Текст\- редактирование html\ и вставьте такой код:

[embed] Ссылка видео YouTube[/embed]

 

Далее откройте видео на Y, и скопируйте код URL ролика

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

Потом вставьте URL в код между тегами [embed...]---[/embed] и опубликуйте запись.

Для вставки видео на сайт в Wjrdpress также можно применять различные плагины, например: Video.js, JW Player и другие.

Как вставить Youtube видео на Joomla

В Joomla, для размещения видео на странице, лучше использовать специальные плагины, например: AllVideos.

Этот плагин просто установить, настроить и использовать для вставки любых видео-роликов на сайт.

Как вставить Youtube видео на страницу Joomla смотрите в материале - Работа с плагином Allvideos. Вставка кода видео на страницу.

***

Как увеличить трафик на сайт с помощью YouTube

Вставить баннер в joomla, плагин MultiAds

 

  • < Назад
  • Вперёд >

povadno.ru

Как вставить видео на сайт с Youtube, Rutube, Vimeo, Вконтакте. Пошаговая инструкция добавления видео

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

Зачем видео на сайте?

Для начала разберем зачем вообще нужно видео на сайте. Сейчас с развитием технологий многие люди предпочитаю смотреть и слушать, а не читать, хороши ли это или плохо не нам решать, но размещение видео на сайте сыграет вам на руку. Вы можете снимать видеобращения к посетителям сайта, рассказывать и показывать ваши товары, проводить видеоуроки или различные демонстрации, а так же размещать видео, связанные с тематикой вашего сайта. Например, на днях я искал информацию по душевым кабинам, в поиске выдает множество страниц с текстом, и особняком стоит 1 видео, оно сразу выделяется в поиске и на него хочется кликнуть. А главное, оно реально полезное.

На своем сайте вы можете рассказывать о чем угодно, будь то новые киноленты, тут не обойтись без трейлеров к фильмам, или у вас сайт посвящен спортивной тематике, тогда вам будет нужно выкладывать видео о прошедших соревнованиях с интересными моментами . Размещать вы можете что угодно главное не забывайте о защите авторских прав и законах о цензуре и пиратстве.

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

Практически на любую страницу вашего сайта можно добавить видео. Это делается в несколько шагов.

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

Когда видео находится в Интернете (неважно, было ли оно там, или вы сами только что его туда добавили), вам нужно получить его код. Мы вам покажем как этот код добывается на примере Youtube, rutube, vimeo и Вконтакте, отличия здесь минимальны.

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

Youtube – самый популярный международный видеохостинг, на котором размещают свои видео все, начиная от мировых знаменитостей и телешоу, заканчивая самыми простыми людьми, которым есть чем поделиться. Youtube занимает 3е место в мире по числу посетителей, ежедневно здесь совершают около 4 млрд просмотров. Ютуб позволяет хранить видео, смотреть, комментировать и делиться с другими пользователями, в том числе и размещать на сайте.

В Youtube это делается следующим образом:

  • Под каждым видео есть кнопка «Поделиться», нажмите ее;
  • Выберите пункт «HTML-код»;
  • Выберите нужный размер для видео;
  • Скопируйте код и разместите его на странице вашего сайта.

Как вставить видео с Rutube на сайт

Rutube – российский аналог youtube, так же позволяет размещать, хранить, смотреть и делиться видео. По данным администрации ресурс ежедневно посещают 15 миллионов пользователей. Здесь имеют свои каналы популярные ТВ-каналы, такие как Первый канал, Россия 2, ТНТ, СТС, Пятница, НТВ и многие другие, а так же отечтественные сериалы и передачи.

В Rutube это делается следующим образом:

  • Под каждым видео есть кнопка «код вставки», нажмите ее;
  • Скопируйте код.

Как вставить видео с Vimeo на сайт

Vimeo – это бесплатный видеохостинг, на котором можно так же выкладывать видео (до 500кб в неделю бесплатно, с платным аккаунтом до 20гб), смотреть, комментировать, лайкать и делиться ими со своими друзьями, положительным моментом является отсутствие рекламы. К сожалению пока нет русскоязычной версии,интерфейс доступен на: английском, испанском, французском, немецком и японском. Видео здесь делятся на категории: мода, музыка, искусство, анимация, юмор, еда и т.п., так что без труда можно поискать видео на интересующую тематику. Ресурс обладает современным дизайном и функционалом, особенно популярен среди молодежи.

В Vimeo это делается следующим образом:

  • Поднесите мышку к видеоплееру;
  • В верхем правом углу появятся 3 кнопки, нажмите «Share»;

  • В появившемся окошке скопируйте код «Embed».

Как вставить видео с Вконтакте на сайт

Вконтакте – наша отечественная социальная сеть, которая позволяет добавлять и хранить видео, а так же смотреть, делиться, комментировать, в общем все в правилах жанра.

Здесь скопировать код видео можно двумя способами.

1. Включите видеопроигрыватель, правой кнопкой мышки нажмите на видео и из выпадающего списка выберите «копировать html-код».

2. Под каждым видео есть кнопка «Поделиться», нажмите ее. 

3. В появившемся окошке нажмите на вкладку «экспортировать» и скопируйте код для вставки.

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

Рассмотрим размещение видео на примере конструктора сайтов Nubex.

1. Зайдите в админку сайта и откройте редактирование той страницы, на которую хотите поместить видео (или создайте новую страницу). В поле для вставки текста нажмите кнопку «Источник».

2. У вас откроется HTML-код страницы. Найдите место в тексте, в которое хотите поместить видеоролик, и вставьте туда тот код, который вы скопировали из YouTube (или с другого сайта, на котором вы разместили видео).

3. Сохраните страницу, нажав на кнопку внизу.

Видео будет выглядеть следующим образом: 

Поздравляем! Вы смогли добавить видео на сайт самостоятельно. Надеемся посетителям вашего сайта оно понравится. 

nubex.ru

Как вставить видео на сайт с YouTube без плагина

Как вставить видео на сайт с YOUTUBE без плагинаПривет, друзья! Помните, недавно мы научились вставлять видео на сайт с помощью плагина Video Embedder и я обещал Вам показать как вставить видео на сайт с YouTube без плагина, так вот, этим мы сейчас и займемся. С одной стороны плагин хорош тем, что с его помощью можно вставлять видео более чем с двадцати видео хостингов, а с другой, если разобраться, то и одного youtube за глаза (на youtube каждую минуту загружается более 24 часов видео!) и найти на сервере можно абсолютно все что угодно.

Чем еще хорош метод вставки видео с youtube без плагина, так это тем, что мы можем отключить плагин, тем самым снизим нагрузку на хостинг и увеличим скорость загрузки страницы блога. Многие блоггеры стараются вообще практически все плагины заменять на скрипты и коды. Но если честно, я считаю, что сейчас время высокоскоростного интернета и скорость интернета растет и дешевеет по нарастающей, так что думайте сами, решайте сами… Просто иногда бывает лень копировать идентификатор видео на видео хостинге, затем в редакторе WordPress при создании новой записи прописывать теги от плагина Video Embedder, а значительно проще и быстрее у понравившегося видео на youtube скопировать код для вставки видео на блоге и в редакторе WordPress (в режиме HTML) вставить этот код.

Как вставить видео на сайт с YouTube

Итак, ищем на сервисе youtube интересное видео, находим и под проигрывателем жмем кнопку “Отправить”

Как вставить видео на сайт с YOUTUBE

[sc:adsens728post ]

Далее откроется, чуть ниже, блок с ссылкой, но нам нужна кнопка “Сгенерировать HTML-код” на которую естественно жмем:

Как вставить видео с YOUTUBE

Затем, еще ниже, откроется блок с нужным нам кодом. Но сначала поставьте галочку в строку “Использовать старый код встраивания” и выберете размер встраиваемого видео (можете вручную прописать каким размером хотите видеть проигрыватель на своем сайте)

видео на сайт с YOUTUBE

Копируете полученный код и вставляете в запись в режиме HTML

Как вставить видео на сайт с YOUTUBE без плагина

Хочу заметить, что когда я в редакторе HTML вставляю код от видео и переключаюсь на визуальный редактор, то вставленного видео я не вижу, а вижу вот что-то подобное (я работаю в браузере гугл хром), и так же, если жму на кнопку “Просмотр” (предварительный просмотр), то видео пока не отображается, а вместо него просто пустое место. Я это говорю к тому, чтобы Вас не смущал сий факт, при публикации все будет тип-топ Подмигивающая рожица

Kak-vstavit'-video-na-blog-s-YOUTUBE

Ну вот и все! Как раз ниже можете наблюдать за результатом — как вставить видео на сайт с YouTube без плагина:

aimblog.ru

Как вставить видео с ютуба на сайт за 1 минуту?

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

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

Добавить видео можно различными способами, например, при помощи YouTube, RuTube, сервиса Uppod.ru. Но в данной статье я буду рассказывать о том, как вставить видео на сайт wordpress при помощи видеохостинга  YouTube, так как я им наиболее часто пользуюсь и он наиболее популярный.

data-ad-client="ca-pub-8243622403449707"data-ad-slot="1319308473"data-ad-format="auto">

Допустим, вы записали ролик к статье и необходимо его вставить к себе на блог вордпресс. На хостинг смысла нет загружать видео, так как места там даётся немного, а чтобы увеличивать его, нужно менять тарифный план, доплачивать деньги...

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

Вставка видео с помощью YouTube

Вот перечень действий, которые необходимо выполнить:

1. В первую очередь нам необходимо зарегистрироваться на YouTube по ссылке.

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

После нажатия на кнопку "Добавить видео", вы должны выбрать необходимый файл и нажать на кнопку «Загрузить».

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

Если необходимо вставить чужой видеоролик с YouTube

Например, вы нашли какой-нибудь клип, презентацию и т.д. в ЮТУБе и хотите разместить её у себя на сайте, тогда необходимо выполнить следующие действия:

1. Все действия сходятся к нахождению необходимого нам HTML-кода и размещения его у нас на сайте. Если вам понравилось видео на стороннем сайте и вы хотите разместить его у себя на блоге, то необходимо в видеоролике ЮТУБ, расположенном на стороннем сайте нажать на кнопку "YouTube" (возьмём ролик из прошлой статьи):

Кнопка "YouTube"

2. После этого в открывшемся документе, после клипа, необходимо нажать на кнопку «Поделиться»:

Кнопка "Поделиться" на YouTube

3. Далее, выделить HTML-код и скопировать его в буфер обмена, перед копированием можете выбрать нужный размер видео:

HTML-код

4. Теперь нам нужно вставить данный HTML-код с youtube на сайт, а именно в статью. Для этого открываем нужную нам статью в текстовом редакторе и вставляем код:

Вот, что я вам и хотел рассказать сегодня.

А кто не знает как вставить ссылку в статью, читайте эту статью.

Новость №1

Победу в конкурсе комментаторов одержала Ирина Мозгунова, с чем я её и поздравляю!

Спасибо за внимание, жду ваших комментариев к статье.

P.S. 

Как вам статья? Рекомендую получать свежие статьи блога на e-mail, чтобы не пропустить много новой интересной информации!

С уважением, Александр Сергиенко

int-net-partner.ru

Как вставить видео с YouTube на сайт WordPress

10 Июнь 2013 ДимаС

Для того чтобы вставить видео с YouTube на сайт WordPress, да и не только WordPress есть как правило 2 варианта: вставить видео используя плагины или же просто вставить видео на сайт прямо в код вашей странице или записи. Сегодня мы поговорим о втором варианте размещения видео с YouTube.

Как вставить видео с YouTube на сайт без плагинов

И так у нас есть видеоролик загруженный на видеохостинг YouTube который мы хотим разместить не нашем сайте. Для примера возьмём клип легендарной группы Queen — «The Show Must Go On» который на момент написания статьи доступен по адресу https://www.youtube.com/watch?v=4ADh8Fs3YdU. Перейдя на указанную страницу, внизу под окошком с видео находим кнопку «Поделиться» , кликаем по ней.

Снизу у нас появиться поле с выделенным адресом текущего видео ролика. Для того что бы вставить видео с YouTube на сайт WordPress, нажимаем на ссылку «HTML-код» как показано на скриншоте.

Теперь внизу под видеороликом у нас произошли изменения и появилось окошко с кодом.

Код в этом окошке — это и есть тот код который необходимо вставить в страничку или запись для того что бы разместить видео с YouTube на вашем сайте. Ниже под окошком есть выпадающий список «Размер видео:» в котором вы можете выбрать один из стандартных размеров окошка для вашего видео. Так же указать свой произвольный размер, для этого выберите из выпадающего списка пункт «Другой размер» и в появившихся окошках укажите желаемый размер видео.

По остальным настройкам я думаю всё понятно.

Вставляем видео с YouTube в код странички WordPress

Теперь давайте создадим новую страничку на сайте или откроем ту существующую, в которую нужно вставить видео с YouTube. Затем переходим в режим редактора кода «Текст» и сюда вставляем ранее скопированный код видео-ролика и нажимаем кнопку «Опубликовать».

И смотрим что у нас получилось.

Вот так просто можно вставить видео с YouTube на сайт WordPress без плагинов.

Читайте также

www.school-wp.net

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

Как установить видео на сайтС увеличением скорости в интернете, сейчас стало новомодным явлением – вставка видео роликов на своем сайте.

Можно  вставить видеоролик на своем сайте двумя способами:

1.    При помощи стороннего интернет сервиса.

2.    При помощи флэш плеера.

У каждого из этих способов есть свои плюсы и минусы.

В этой статье я вам покажу как разместить видео на сайте за счет стороннего сервиса.

И нашей потенциальной жертвой станет сервис youtube.com. devil

Теперь пробежимся по преимуществам и недостаткам такого варианта.

Тренинг по вёрстке сайта на HTML5 и CSS3

okПреимущества:

1.    Сервис очень поможет тем, у кого очень мало места на хостинге. Так как видео будет храниться на хостинге сервиса.

2.    Вы получаете халявную рекламу от просмотра вашего видео. На таких сервисах обычно очень много посещений, и размещенное вами видео могут просмотреть не только посетители вашего сайта, но и посетители ресурса youtube.com.

3.    Вам не надо заморачивать голову для перекодировки видео в удобный формат – сервис все сделает за вас!

4.    При большой посещаемости вашего сайта, нагрузку при просмотре видео будет держать сервис youtube.com. Меньше матов в вашу сторону от хостинг провайдера. vampire

bad Недостатки:

1.    Ваше видео могут снести в любой момент, все таки - хозяин-барин. Особенно, если оно нарушает авторские права и законы.

2.    Видео, после перекодировки – теряет в качестве. Поэтому перед размещением – проверяйте – хорошо все видно или нет.

3.    На самой видеозаписи будет отображаться реклама сервиса.

4.    Длинна ролика не может составлять более 15 минут.

Почему именно youtube.com?

Да все просто, это самый популярный сервис  из всех, его посещаемость очень велика. Плюс он предоставляет добавлять достаточно длинные видеозаписи – до 15 минут!

Как установить видео на сайт?

Да все просто wink , регистрируетесь, добавляете видео на сайт. Копируете этот код, вставляете на странице – и все! У вас новая видео запись. Такая как снизу smile

И так, смотрите урок по установке видео через youtube.com и наслаждайтесь cool smile

Перед просмотром видео – создайте аккаунт на сервисе youtube.com.

 

 

В следующем уроке - я вам расскажу, как вставить видео уже при помощи флэш плеера.

Что бы все хорошо отображалось - поставьте качество видео в 720p

master-css.com