Как вставить видео с Ютуба на любой сайт: подробная инструкция. Как вставить на сайт видео с ютуба


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

Доброго времени суток, уважаемые читатели моего блога. Только недавно услышал интересную новость. Оказывается, компания Disney предъявила иск молодому человеку, нарисовавшему забавную картинку «Что скрывает Аладдин».

Парню дали всего три дня тюремного заключения, но представляете, сколько длились судебные тяжбы?

Не буду приводить саму иллюстрацию, можете посмотреть в Гугл или Яндекс. Она там есть, удалять шедевр с просторов никто не стал.

Закон о пиратстве, использовании чужой интеллектуальной собственности. Все это играет против администраторов сайтов. Благо, у нас есть YouTube.

Где скачивать красивые и качественные картинки для сайта без юридических последствий я уже рассказывал.

Сегодня будем говорить про то, как вставить на сайт видео с YouTube. Я покажу как изменять размеры блока, настраивать его, добавлять целые подборки и даже размещать виджеты с роликами на главную.

Преимущества работы с YouTube в двух словах

Вспомните газеты из Гарри Поттера. Еще совсем недавно движущиеся картинки и фотографии казались чем-то сверхъестественным. Сегодня их преспокойно вставляют даже в электронные книги, некоторые форматы позволяют это сделать.

Эффект «волшебства» радует посетителей и делает контент интереснее, но даже это не основное преимущество размещения видео на своем сайте.

  1. Увеличивается время посещения сайтов. Многие читатели просматривают ролики.
  2. Оптимизированное видео добавляет порталу шансы попасть в ТОП.
  3. Использование чужих роликов с ютуба не противоречит законодательству.

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

Любой создатель ролика будет рад, что его клип кто-то использовал. Я уже рассказывал как зарабатывают на YouTube и сколько получают видеоблогеры.

Все хотят больше просмотров и популярности. Новая площадка (ваш сайт) только порадует создателя. Никаких претензий точно не будет.

Кстати, YouTube прекрасно работает как в одну, так и в другую сторону. Так что, если вы решитесь сами делать видео, то получите свои бонусы. Какие именно?

  • Дополнительный канал для привлечения людей.
  • Дополнительный заработок.

О монетизации канала я уже писал, рекомендую прочесть. Создать его, кстати, тоже не сложно. Загрузка клипа с телефона или компьютера занимает не более пары минут.

Ну а если вы захотите научиться быстро и профессионально ваять ролики, то могу посоветовать вам курс «Качественное видео в блог за час».

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

Настройка чужого ролика для вставки

Первым делом вам нужно найти видео, которое вы будете загружать. Я буду работать с подборкой на канале Евгения Попова «Основы HTML». Если вам нужен один ролик, то действия не будут отличаться. Когда речь идет о подборках, появляется несколько дополнительных функций. Вам может это пригодиться.

Вы можете создавать свои подборки или пользоваться готовыми.

Первым делом жмем на «Поделиться» под информацией о видео.

Здесь открываем вкладку HTML-код. Именно он нужен для вставки ролика на сайт.

В принципе, у вас уже есть ссылка. На скриншоте она подсвечивается синим. Но давайте научимся работать с настройками. Для этого открываем вкладку «Еще».

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

Что интересного внизу страницы? Панель управления размещена внизу. Если вы снимите эту галочку, то у читателя не будет возможности перейти к следующему ролику, увеличить или уменьшить громкость, настроить качество или развернуть видео на весь экран.

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

Если включить режим повышенной конфиденциальности, то официальный сайт YouTube не будет ничего знать обо всех посетителях вашего сайта. Они узнают только о тех, кто просматривал видео. Учитывая, что YouTube владеет Google, а Сноуден уже все рассказал, функция, на мой взгляд, бесполезная.

Зато здесь же можно увеличить или уменьшить размер блока. Вставляете одно значение и жмете Enter. Второе выводится автоматически.

Теперь можем скопировать код, который размещен, над роликом.

Ну вот и все, с этим закончили. Открываем панель администратора WordPress, чтобы вставить в запись видеоролик.

Вставляем ролик в запись

Первым делом открываем запись в админке или создаем новую. Думаю, проблем не возникнет.

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

Теперь переходим во вкладку текст. Видите, здесь есть тег   — это и есть мой пробел.

Я выделю этот фрагмент и заменю его кодом, скопированным с ютуба. Вы можете просто ориентировать по тексту. Оставить промежуток и вставить код прямо здесь.

Возвращаемся во вкладку «Визуально» и смотрим что получилось. Помните, я ставил очень маленький размер. Поэтому ролик получился невероятно небольшой.

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

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

С вашего позволения, я не буду описывать всю работу сначала, а просто покажу вам результат. Я вставил в настройках новую ширину и заменил html-код в записи. Вот такой результат у меня получился.

Кстати, если вас заинтересовал курс, то можете посмотреть его прямо сейчас.

Как вставить виджет на главную

Чтобы разместить виджет с роликом на главной открываете «Внешний вид» и «Виджеты».

Здесь находите вкладку «Текст».

Для начала я выберу область подвала. Но покажу как работают все три варианта.

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

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

Такой результат будет если вы встроите видео в область контента.

Ну и раздел «Основная». Работать с размерами нужно обязательно.

И еще, могу рекомендовать интересный сервис по продвижению в социальных сетях и в ютубе — SocLike.

soclike

Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте больше о жизни и работе в интернете. До новых встреч и удачи в ваших начинаниях!

start-luck.ru

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

Как вставить видео с Youtube на свой сайт?Youtube – специальный сайт, на котором хранятся много видеоматериалов. Эти видеоматериалы можно смотреть на Ютубе, а можно переносить в другие места, для того, чтобы показать их своим друзьям, или просто читателям своего сайта.  Часто люди берут видео с Youtube и вставляют на свои блоги, сайты. Даже сайт в контакте был оборудован так, что стало можно в него добавлять видео с разных видеохостингов, в том числе и с Ютуба.

Как вставить видео с Youtube на свой сайт, блог?

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

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

1 Способ: Если не хотите сильно заморачиваться и вас устраивает размер стандартного окошка видео плеера Ютуба, то нужно на этом видео плеере нажать на правую кнопку мыши. В результате выскочат некоторые надписи. Из них нужно выбрать следующую надпись – Копировать Html-код. На нее нужно нажать, и таким образом вы получили Html-код видео с ютуба, который разместите на своем сайте.

2 Способ: Рекомендуется использовать, когда вы хотите еще задать для видео плеера Ютуба определенные размеры. То есть тогда, когда у вас, к примеру, когда стандартное видео с Ютуба выходит за границы блога (выходит за рамки страницы) и когда вам нужно уменьшить размеры видеоплеера Ютуба, чтобы оно показывалось на страницах корректно и не нарушало дизайн. Для этого под видео на Youtube нужно найти кнопку – Поделиться. После найти другую кнопку ниже – Сгенерировать html-код , и нажать на нее. После появятся новые разделы, в которых можно будет задать размеры видео с Ютуба – вы можете выбрать предложенные размеры — 425 × 349 , 480 × 390 и другие, либо задать персональные размеры ширины и высоты видео плеера с Youtube, который вы разместите на своем сайте. И после выбора размера скопировать Html-код видео, который представлен вам в отдельном окошке.

Чтобы видео с Ютуба появилось на вашем сайте не забудьте на соответствующей странице разместить Html- код видео.

Все очень просто и у вас обязательно получиться вставить видео с Ютуба на сайт.

sitesovety.ru

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

2017-10-21
  1. главная
  2. блог
  3. как вставить видео с ютуба на сайт?

YouTube — это один из самых популярных видеохостингов в мире, который предоставляет возможность добавить свое видео любому пользователю. Для разработчиков этот сервис примечателен огромным количеством видео: любое из них можно добавить на веб-страницу совершенно бесплатно.

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

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

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

Чтобы получить доступ к расширенным опциям необходимо нажать на кнопку «Еще», которая находится чуть ниже поля с кодом. Там будет можно изменить размер видео, а также настроить сам плеер.

Размер видео для YouTube

Есть всего четыре разных размера видеороликов: стандартный самый маленький — 560x315. Если ничего не менять, то при вставке плеер будет такой ширины и высоты.

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

Для этого есть два специальных значения: «width» и «height». Изменяя эти значения вручную может получиться так, что видео будет выглядеть непропорционально и растянуто.

Лучше воспользоваться встроенной возможностью YouTube, выбрав «Другой размер». После выбора этого пункта появится два маленьких поля, в которые можно вписать практически любое значение высоты или ширины.

Ввод числа в любое из этих полей будет влиять на другое. Например, если ввести высоту 225, то ширина автоматически станет 127. Это сделано для того, чтобы видео выглядело хорошо при любом размере.

Другие настройки

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

Еще можно убрать название видео и сделать плеер абсолютно «голым»: на нем не будет никакой информации и функционала. Это довольно странные возможности, но, впрочем, они могут пригодиться.

Гораздо больший интерес представляет работа с кодом. С ее помощью можно автоматически включить ролик или заставить его запускаться с определенного времени.

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

Нас интересует вот эта ссылка

https://www.youtube.com/embed/ui0EgRsFVN8

Она идет идет после «src». К ней приписываем ?&autoplay=1 получая в итоге:

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

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

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

Он выглядит очень просто: #t= Его необходимо добавлять к концу ссылки:

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

Это очень полезная функция, потому что зачастую пользователи не обращают внимания на специальную кнопку в плеере. Думая, что к видео нет никакого перевода, они просто закрывают его. Для этого есть два специальных элемента, которые добавляются к коду вставки.

  • &cc_lang_pref=ru — устанавливает русский язык для субтитров.
  • &cc_load_policy=1 — включает титры автоматически.
Вставьте их так, как на скриншоте ниже. Обратите внимание на «?»: добавьте его обязательно после адреса видео.
Как запретить встраивание видео на сайты?

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

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

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

В разделе «Расширенные настройки» снимите специальный флажок, который позволяет другим пользователям использовать ваши ролики.

Оформить заказ

Статьи рекомендованные вам для прочтения

Как удалить чужое видео с ютуба?

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

подробнее

pr-youtube.ru

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

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

В качестве примера, давайте попробуем вставить видео с Youtube на этот сайт, You2bestar.ru, а конкретнее, в начало статьи: Как сделать ссылку на подписку на Youtube. Если же у вас есть свой собственный сайт, то вы можете встроить видео на него.

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

Перейдите на сайт youtube.com и в поисковую строку введите название видео, которое вы хотели бы встроить на свой сайт. Например, возьмем следующее видео https://www.youtube.com/watch?v=R_2ihpMUo4s. Немного ниже видео, находится кнопка "Поделиться". Кликните по данной кнопке, чтобы открыть всплывающее окошко:

Кнопка поделиться видео на Youtube

В этом окошке находятся социальные кнопки и краткая ссылка на видео, с помощью которой вы можете поделиться видео со своими друзьями. Но она не подходит для встраивания видео на сайт. Чтобы перейти в нужное место, нажмите по кнопке "Встроить", которая находится левее кнопки "Копировать":

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

Читайте также: Savefrom.net. Сайт для скачивания видео с Youtube Savefrom.net

Перед вами откроется еще одно всплывающее окошко, но на этот раз именно то, которое нам необходимо. В левой части окошка находится предпросмотр видео, а справа - настройки, с помощью которых можно настроить и вставить видео с Youtube на сайт, html тег iframe и т.д.:

Окно встраивания видео на Youtube

Чтобы изменить размер встраиваемого блока с видео, введите новые значения атрибутов "width" и "height" html-тега iframe. По-умолчанию, размер блока с видео равняется 560 на 315 пикселей:

Размер встраиваемого видео на Youtube

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

Переключатель начало встраиваемого видео Youtube

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

Перейдем к настройкам ниже:

Настройки встраиваемого видео на Youtube

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

Второй пункт позволяет вам добавить/убрать панель управления проигрывателем, которая находится в нижней части видео. С помощью данной панели, посетители сайта могут запускать или останавливать видео, менять громкость на видео, открывать видео на весь экран, и т.д. По-умолчанию, панель управления проигрывателем включена.

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

Читайте также: Как сделать видео для Youtube

И последний, четвертый пункт позволяет активировать так называемый "Режим повышенной конфиденциальности" видео. Зачем он нужен? Как написано в описании данной настройки, при включении режима повышенной конфиденциальности, Youtube будет сохранять информацию о посетителях сайта только в том случае, если они начнут просматривать встроенное видео. В противном случае, все действия посетителей вашего сайта, которые перешли на страницу с видео, не будут учитываться и запоминаться Youtube. По-умолчанию, режим повышенной конфиденциальности отключен.

Как включить автовоспроизведение видео на Youtube

Если вы хотите включить автовоспроизведение видео на Youtube сразу же после открытия страницы, то самый простой способ это сделать - добавить к URL-адресу видео в html-теге параметр "?autoplay=1":

Автовоспроизведение встраиваемого видео на Youtube

Допустим, у вас было:

<iframe src="https://www.youtube.com/embed/R_2ihpMUo4s" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

А стало:

<iframe src="https://www.youtube.com/embed/R_2ihpMUo4s?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Обратите внимание, при включении данной опции, все просмотры видео вашими посетителями не будут засчитываться Youtube. Это сделано с целью предотвращения накрутки просмотров видео.

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

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

Прежде всего, вам нужно выбрать место на сайте, где будет показываться видео. В моем случае, я буду встраивать видео в самое начало одной из статей сайта You2bestar.ru. Вставьте скопированный ранее в буфер обмена html-тег видео на свой сайт, и сохраните полученные изменения. Если вы все сделали правильно, то вы должны будете увидеть примерно следующий результат:

Читайте также: Как оптимизировать видео на Youtube

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

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

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

Также читайте о том, как редактировать видео на Youtube: Как редактировать видео на Youtube. # 1

Всем пока!

you2bestar.ru

Как вставить видео с ютуб на сайт вместе с видеоплеером

Дорогие друзья! Рад видеть вас на страницах своего блога! И сегодня мой рассказ будет про Ютуб! А точнее – про изменение в функционале сайта. В сентябре 2017 Youtube изменил правила вставки видео на сайт. Если до этого видео вставлялась в 2 клика, то теперь это сделать несколько сложнее. Объясняются такие изменения просто. На ютубе есть правила размещения материалов, которые охраняют авторские права. С целью защиты авторских прав был введен новый функционал сайта.

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

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

Процесс вставки видео на сайт и перенос кода

Для того, чтобы перенести видео на сайт по новым правилам, необходимо убедиться в том, что владелец разрешил это действие. Для этого надо перейти в дополнительное меню (находится справа под видео) и выбрать команду вставить. Кликаем на ссылку «поделиться», и нам высветиться ссылка страницы youtube, на которой находится данное видео. Иными словами, с помощью данной ссылки Вы можете опубликовать видео в соцсетях, или на сайте, но на сайте оно проигрываться не будет. Как вставить видео с ютуб на сайт, чтобы оно проигрывалось непосредственно на сайте?

команда поделиться видео на ютубОкно «поделиться» видео

Открыв окно поделиться, в нижнем ряду мы увидим команду «встроить». Если эта команда неактивна, то значит владелец сайта запретил копировать видео (в отдельных случаях, это может быть запрещено правилами Youtube). Если ссылка активна, то мы можем вставить видео с Ютуб на сайт. Кликаем на ссылку «встроить», и у нас появится окно настройки. В этом окне мы можем настроить параметры вставки видео.  Рассмотрим процесс редактирования видео с ютуб.

код из видео YoutubeВстраиваем код из видео

У нас будет код примерно такого вида:

iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/yBnCo2SKafU» frameborder=»0″ allowfullscreen></iframe

В этом коде, изменив цифры размера width (ширина экрана) и height (высота экрана), мы можем создать оптимальный размер трансляции видео для сайта. Я предпочитаю не менять размер, для моего блога он идеален. Далее, в пункте «начало», Вы можете выбрать время старта видео. Эта функция отлично подойдет для тех, кто хочет показать на сайте только часть видео (интерсеный отрезок). И еще одна настройки – «показывать подобные видео по окончанию». Спорная функция – с одной стороны, показ дополнительного видео удержит посетителей на сайте (повышается время просмотра). С другой стороны – человек может уйти с Вашего сайта на Youtube. Каждый решает по-своему эту настройку.

как отредактировать размер видео на ютубРедактирование кода видео на ютуб

Нажав на кнопку «копировать», вы перенесете код видео в свой буфер обмена. Теперь Вам осталось зайти в редактор кода сайта, выбрать подходящее место для вставки, и вставить видео. Можно приступать к просмотру роликов с Ютуб. Если видео не проигрывается, то Ваш сайт не корректно поддерживает HTML 5, обратите на это внимание. Надеюсь, теперь Вам понятно, как вставить видео с ютуб на сайт, и Вы будете заливать себе интересные ролики. С помощью видео можно хорошо разнообразить контент и сделать интересную подачу информации на сайте! Желаю Вам полезных статей и много посетителей!

код ютуб на сайтевставленный код видео на сайте

Видео, которое я вставил в свою статью. Приятного просмотра!

Кстати, о том, как раскрутить видео на Ютуб, я писал тут

bloogit.ru

Как в html вставить видео с Youtube на любой сайт

 

Привет, друзья!

Если бы у нас было бесконечное количество деталек Lego в детстве, то мы бы ограничивались только нашей фантазией. То же самое происходит и при написании кода веб-страницы – только знания синтаксиса и фантазия может нас остановить. Если же у вас с воображением все прекрасно, и вы просто расширяете свои познания в возможностях HTML, то вы пришли куда надо! Сегодня, друзья, я поведаю вам, как в html вставить видео с Youtube.

Что же такое html-код, а еще интересней «зверь» HTML 5?

Не отдаляясь от аналогии с Lego, при помощи HTML мы можем создать любое творение, припаяв любые свистелки, которые нам интересны. Как все знают, фактически любой медиа-контент при знании нужных команд можно разместить на своей странице. Видеозаписи – не исключение. Кстати, HTML 5 – мощный инструмент для создания сетевых страниц.

html5

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

Самая известная видеоплатформа в мире

Итак, когда мы говорим о сторонних видеоагрегаторах, то что нам первым приходить на ум? Правильно, Ютуб!

 

Действительно, более удобной и универсальной платформы для размещения видеозаписей не найти. Поэтому очень удобным свойством является прямое встраиваемое размещение видеозаписей с Ютуба. Администрация сайта к этому относится очень лояльно, так что вам не придется для размещения видео на странице танцевать с бубном – вам достаточно вставить несколько строчек кода.

vstavka_koda_na_sait_iz_youtube

Для получения кода конкретного видео вам достаточно зайти на страницу с роликом, нажать под ним кнопку «Поделиться», далее – «Вставка». Если взять за пример мой ролик «Как зарабатывать на видео», то HTML-код выглядит так:

<iframe src="https://www.youtube.com/embed/NP-_x8XlR-M" frameborder="0" allowfullscreen></iframe>

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

Всем пока!

 

Тысячи людей уже читают блог, почему тебя еще нет среди них?

andreyspektor.com

Как вставить видео с ютуба на сайт? Видео инструкция.

как вставить видео с ютуба на сайт 3Продолжаем с Вами работать над сайтом.

Если Вы не видели предыдущих уроков, рекомендую их почитать:

А сегодня мы поговорим о том, как вставить видео с ютуба на сайт.

 

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

  1. Когда читаешь новую для себя информацию, очень хорошо посмотреть как делать, а не просто прочитать это.
  2. Когда нам показывают порядок действий на видео, обычно легко понять и повторить это действие.
  3. Опять же, посмотреть можно миллион раз 🙂
  4. И все-таки сделать это действие правильно, чтобы получилось также, как у человека в видео ролике.
  5. Если ролик не обучающий , а просто развлекательный или информативный, посетителям вашего сайта все-равно будет интересно его посмотреть. По крайней мере, гораздо интереснее смотреть видео и читать текст, чем просто читать текст.

Где взять видео?

Конечно, в идеале записывать видео ролики самостоятельно.

Затем размещать их на ютубе. А уже после этого размещать их на своем сайте.

Но, если по нужной теме у вас нет своего видео — идите на ютуб.

Там можно найти видео практически на любую тему. Копируйте ссылки и вставляйте на свой сайт.

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

  1. Итак, Вы уже нашли видео ролик на ютубе или разместили там свой.
  2. Выбираем это видео для просмотра.
  3. Нажимаем кнопку «поделиться» под выбранным видео.
  4. Далее — кнопка «HTML код».
  5. Копируем html код нужного видео.как вставить видео с ютуба на сайт
  6. Входим в административную панель сайта. Выходим в редактирование нужной статьи или страницы (куда Вы задумали вставить видео с ютуба).
  7. Нажимаем вкладку «текст».
  8. Вставляем скопированную сылку.как вставить видео с ютуба на сайт 2
  9. Сохраняем изменения на странице, нажав на кнопку «обновить».
  10. Выходим на сайт и смотрим как выглядит вставленное видео. работает ли оно. Устраивает ли оно нас по размерам.
  11. При желании, можно вернуться к редактированию записи (страницы) и изменить размеры видео (высоту и ширину).
  12. Не забывайте обновлять(сохранять изменения).

Видео инструкция — как вставить видео на сайт?

Удачи Вам!

По всем вопросам можно обращаться СЮДА

Всегда рады помочь Вам!

Вконтакте

Facebook

Twitter

Google+

Одноклассники

Мой мир

Посмотрите еще похожие статьи:

helpplace.ru