Всем привет, дорогие друзья. Вы знаете? Я тут вам в прошлой своей статье говорил, что таблицы — это последнее, что мы будем разбирать в основах html. Но я солгал! Ну ладно, солгал — это конечно я пошутил. Я просто подумал и решил вставить еще один урок, который пригодится вам не только создания сайта в ручную, но и даже, если вы работайте в вордпрессе, джумле или других CMS.
Дело касается работы с видео. Сайт всегда лучше смотрится, когда в некоторых статьях или в некоторых местах есть тематические видео. Я сам периодически вставляю в свои статьи ролики с ютуба, чтобы дополнить свои статьи. Так на самом деле лучше и все ото легко воплотить даже имея под рукой самый обыкновенный блокнот.
Ну и раз уж мы начали тему сатйтостроения, то я хотел бы вам показать, как вставить видео в html с ютуба, используя незамысловатый блокнот Notepad++. Это совсем не сложно, но знать нужно обязательно. Ну что, готовы? Тогда, как говорил Юрий Алексеевич: «Поехали!»
- Заходим на сайт youtube и находим то видео, которое хотим отображать на нашем сайте. Зайдите на сам ролик.
- Внизу ролика, прямо под его названием, вы увидите ссылку «Поделиться». Смело жмем ее.
- Дальше вам откроется подрбный список того, как вы можете поделиться (ссылка, соц.сети и т.д.), но вы должны будете выбрать вкладку html. После этого у вас появится нужный html код.
- Выделите этот код и скопируйте его. После этого вставьте скопированный html-код в ваш документ, внутрь тега <body> в нужное вам место.
- Теперь сохраните результат и запустите ваш документ в браузере. Видите? Встроенное видео появилось. Круто. Теперь вы можете даже свой онлайн кинотеатр сделать))).
Ну как? По-моему очень просто.
В других знаменитых видеосервисах можно найти точно такие же поля для вставки и просто зафигачить видео на свою страницу. Это очень удобная функция и главный ее плюс в том, что видео не занимает место на вашем сайте, а значит не утяжеляет его.
В общем я думаю, что смысл вам ясен и это поможет вам с вашим будущим (или имеющимся) веб-сайтом. Но вообще, если вы хотите знать HTML и CSS на очень достойном уровне, то обязательно изучите курс [urlspan]"HTML3 и CSS5 с нуля до профи[/urlspan]". Здесь всё четко изложено, а главное, что курс создан для новичков, и подача материала просто великолепная.
Ну а на этой радостной ноте я с вами прощаюсь. Надеюсь, что мой сегодняшний урок был для вас полезен. Не забывайте подписываться на обновления статей блога и делиться в социальных сетях, тогда вы всегда будете в курсе всего самого интересного. А с вами мы увидимся в моих других статьях. Пока-пока!
С уважением, Дмитрий Костин.
Спасибо, как раз искал данное руководство, хочу совместить канал на ютюбе и блог.
Действительно просто. 🙂 Спасибо.