Як дуже легко вставити відео в html з ютуба?

Video: Як вставити відео з YouTube собі на сайт

Video: Генератор HTML коду для вставки YouTube відео на сайт

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

Справа стосується роботи з відео. Сайт завжди краще виглядає, коли в деяких статтях чи в деяких місцях є тематичні відео. Я сам періодично вставляю в свої статті ролики з ютуба, щоб доповнити свої статті. Так насправді краще і все від легко втілити навіть маючи під рукою звичайнісінький блокнот.

Ну і якщо вже ми почали тему сатйтостроенія, то я хотів би вам показати, як вставити відео в html з ютуба, використовуючи нехитрий блокнот Notepad ++. Це зовсім не складно, але знати потрібно обов`язково. Ну що, готові? Тоді, як говорив Юрій Олексійович: «Поїхали!»

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

Ну як? По-моєму дуже просто.

В інших знаменитих відеосервісах можна знайти точно такі ж поля для вставки і просто зафігачіть відео на свою сторінку. Це дуже зручна функція і головний її плюс в тому, що відео не займає місце на вашому сайті, а значить не ускладнює його.

Загалом я думаю, що сенс вам зрозумілий і це допоможе вам з вашим майбутнім (або наявними) веб-сайтом. Але взагалі, якщо ви хочете знати HTML і CSS на дуже гідному рівні, то обов`язково вивчіть курс "HTML3 і CSS5 з нуля до профі". Тут все чітко викладено, а головне, що курс створений для новачків, і подача матеріалу просто чудова.

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


Увага, тільки СЬОГОДНІ!

ІНШЕ

Як зробити рамку в ворде? фото

Як зробити рамку в ворде?

Також статті про створення рамок в Ворді:Як налаштувати рамку в Ворді?Як в Ворді вставити рамку з картинок?Як вставити…

Крок 3. Елемент head. фото

Крок 3. Елемент head.

Наступний елемент, який розташовується відразу під елементом , це елемент .Виглядає це ось так:Можете прямо зараз…

» » Як дуже легко вставити відео в html з ютуба?