Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером,
даже если вы впервые слышите это слово



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



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

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

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

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

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

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

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

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

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

 

 

 



Этот блог читают уже более 4000 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 2
  • Спасибо, как раз искал данное руководство, хочу совместить канал на ютюбе и блог.

    Даниил
    26 августа 2016 в 08:36
  • Действительно просто. :) Спасибо.

    Элина
    07 февраля 2017 в 21:02
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2017 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово