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

Всем привет, дорогие друзья. Вы знаете? Я тут вам в прошлой своей статье говорил, что таблицы — это последнее, что мы будем разбирать в основах html. Но я солгал! Ну ладно, солгал — это конечно я пошутил. Я просто подумал и решил вставить еще один урок, который пригодится вам не только создания сайта в ручную, но и даже, если вы работайте в вордпрессе, джумле или других CMS.

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

Ну и раз уж мы начали тему сатйтостроения, то я хотел бы вам показать, как вставить видео в html с ютуба, используя незамысловатый блокнот Notepad++. Это совсем не сложно, но знать нужно обязательно. Ну что, готовы? Тогда, как говорил Юрий Алексеевич: «Поехали!»

  1. Заходим на сайт youtube и находим то видео, которое хотим отображать на нашем сайте. Зайдите на сам ролик.
  2. Внизу ролика, прямо под его названием, вы увидите ссылку «Поделиться». Смело жмем ее.
  3. Дальше вам откроется подрбный список того, как вы можете поделиться (ссылка, соц.сети и т.д.), но вы должны будете выбрать вкладку html. После этого у вас появится нужный html код. Как очень легко вставить видео в html с ютуба?
  4. Выделите этот код и скопируйте его. После этого вставьте скопированный html-код в ваш документ, внутрь тега <body> в нужное вам место. Как очень легко вставить видео в html с ютуба?
  5. Теперь сохраните результат и запустите ваш документ в браузере. Видите? Встроенное видео появилось. Круто. Теперь вы можете даже свой онлайн кинотеатр сделать))). Как очень легко вставить видео в html с ютуба?

Ну как? По-моему очень просто.

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

В общем я думаю, что смысл вам ясен и это поможет вам с вашим будущим (или имеющимся) веб-сайтом. Но вообще, если вы хотите знать HTML и CSS на очень достойном уровне, то обязательно изучите курс [urlspan]"HTML3 и CSS5 с нуля до профи[/urlspan]". Здесь всё четко изложено, а главное, что курс создан для новичков, и подача материала просто великолепная.

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

С уважением, Дмитрий Костин.

 

 

 

Всем привет! Меня зовут Дмитрий Костин. Я автор и создатель данного блога. Первые шаги к заработку в интернете я начал делать еще в 2013 году, а данный проект я завел в 2015 году, еще когда работал IT-шником. Ну а с 2017 года я полностью ушел в интернет-заработок.

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

Оцените автора
Блог Дмитрия Костина
Добавить комментарий

  1. Даниил

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

    Ответить
  2. Элина

    Действительно просто. 🙂 Спасибо.

    Ответить
Следи за нами в FaceBook.
Все новые статьи и много уникального!
Спасибо, не показывайте мне эту штуку больше!
Друг, ты хочешь уйти? Тогда подпишись на мой блог в ВК, чтобы не пропустить следующие статьи!
Дорогой друг, хотел бы ты всегда быть в курсе всех новостей блога? Тогда подпишись на блог в ВК