Як вставити відео в HTML

Як вставити відео в HTML

Якщо ваш сайт терміново потрібно відео, але як зробити це з HTML-кодом, не знаю, то ви знайдете докладні інструкції по створенню в цій статті. Будь ласка, зверніть увагу, що вам потрібно налити відео на раніше будь-яку послугу: YouTube, Яндекс відео, Vimeo, RuTube, також робить Mail. Просто завантажуючи відео і отримувати пряме посилання на нього, ви можете помістити його в коді.

1
Перейти до будь-якої служби завантаження відео, ця стаття буде використовувати приклад YouTube. Натисніть на іконці сірої завантаження справа вгорі.

2
Перетягніть потрібне відео безпосередньо у вікні завантаження, або натисніть на нього і виберіть папку з потрібним відео вручну.

3
Зачекайте кілька хвилин, поки файл з відео завантажується. Після цього скопіюйте посилання на нього в рядку пошуку зверху.

4
Тепер візьмемо в якості прикладу такої код:

Де \u003ch2\u003e тег вставки відео в HTML код \u003c/ h2\u003e - це ваш заголовок відео, якщо ви хочете, ви не можете вставити його в файл на всіх, але з ним пояснення відео файл буде ясніше.

Тег \u003cIFRAME ширина \u003d "560" висота \u003d "315" ... задає висоту і ширину вікна відео відео. Змініть його на інші значення, якщо ви не відповідають шаблону.

Далі, рядок SRC \u003d «/ /https://www.youtube.com/watch?v\u003d3cclosc26LW «Визначає посилання на свій відеокліп, ви повинні були скопіювати цей рядок в третьому кроці.

І закінчує елемент коду - Frameborder \u003d "0" AllowFullScreen\u003e \u003c/ IFRAME\u003e. Це скасовує видеокадр і закриває попередні мітки.

Весь код приймає цей вид:

\u003cH2\u003e вставити відео в HTML код \u003c/ h2\u003e
\u003cIframe ширина \u003d "560" висота \u003d "315" SRC \u003d «/ /https://www.youtube.com/watch?v\u003d3cclosc26LW "Frameborder \u003d" 0 "AllowFullScreen\u003e \u003c/ IFRAME\u003e

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

Для того, щоб закріпити матеріал, дивитися відео кліп нижче:

Додати коментар

Ваша електронна пошта не буде опублікована. Обов'язкові поля позначені *

близький