HTML | Добавление видео на Youtube
В первые дни добавление видео на веб-страницу было настоящей проблемой, поскольку нужно было конвертировать видео в разные форматы, чтобы они воспроизводились во всех браузерах. Преобразование видео в разные форматы может быть трудным и трудоемким. Теперь добавление видео на веб-страницу стало таким же простым, как копирование и вставка, и очень подходящим решением для добавления видео на веб-сайт является использование Youtube. Youtube помогает разместить видео для пользователя, чтобы его можно было в дальнейшем встраивать на веб-страницы.
YouTube отображает идентификатор типа «BGAk3_2zi8k» всякий раз, когда видео сохраняется или воспроизводится. Этот идентификатор в дальнейшем используется в качестве ссылки на видео YouTube, которое будет встроено на веб-страницу.
Шаги по добавлению видео Youtube на веб-страницу:
- Загрузите видео, которое хотите встроить на свою веб-страницу на YouTube.
- Скопируйте идентификатор видео для видео.
- Используйте iframe, object или элемент embed на своей веб-странице для определения видео.
- Используйте атрибут src, чтобы указать URL-адрес видео.
- Размеры плеера можно регулировать с помощью атрибутов ширины и высоты.
Шаги, чтобы получить идентификатор видео для видео на YouTube:
- Откройте видео на YouTube, идентификатор которого вам нужен.
- Щелкните видео правой кнопкой мыши и выберите в меню «Статистика для ботаников».
- Первое значение в поле - это идентификатор видео.
Идентификатор этого видео: il_t1WVLNxk.
Добавление видео Youtube:
1) Использование тега iFrame:
<!DOCTYPE html>< html >< body > < iframe height = "480" width = "500"</ iframe > </ body ></ html > |
Выход :
Включение функции автовоспроизведения YouTube:
Функцию автовоспроизведения Youtube можно использовать для автоматического воспроизведения видео, когда пользователь посещает эту страницу.
Можно использовать два типа параметров:
- Значение 1: воспроизведение видео начинается автоматически при загрузке проигрывателя.
- Значение 0 (случай по умолчанию): видео не воспроизводится автоматически при загрузке проигрывателя.
<!DOCTYPE html>< html >< body > < iframe height = "480" width = "500"</ iframe > </ body ></ html > |
Выход :
Создание плейлиста YouTube:
Список воспроизведения видео на YouTube может быть создан с использованием символа запятой, который разделяет список видео для воспроизведения.
Параметр цикла используется для зацикливания количества воспроизведений видео:
- Значение 1: видео будет повторяться снова и снова.
- Значение 0 (случай по умолчанию): видео воспроизводится только один раз.
<!DOCTYPE html>< html >< body > < iframe height = "480" width = "500" AS_dAPN1Dlk? playlist = AfxHGNRtFac & loop = 1 "></ iframe > </ body ></ html > |
Выход :
Включение / отключение элементов управления Youtube:
Youtube Player предлагает такие элементы управления, как воспроизведение, пауза, громкость и т. Д., Которые можно отключить или включить с помощью параметра управления.
Доступны два параметра, которые можно использовать:
- Значение 1 (случай по умолчанию): отображаются элементы управления проигрывателем.
- Значение 0: элементы управления проигрывателем не отображаются.
Для включения элементов управления:
<!DOCTYPE html>< html >< body > < iframe width = "440" height = "372"</ iframe > </ body ></ html > |
Выход :
Для отключения элементов управления:
<!DOCTYPE html>< html >< body > < iframe width = "440" height = "372"</ iframe > </ body ></ html > |
Выход :
2) Использование тега объекта:
<!DOCTYPE html>< html >< body > < object width = "480" height = "500"</ object > </ body ></ html > |
Выход :
3) Использование тега вставки:
<!DOCTYPE html>< html >< body > < embed width = "480" height = "500" </ body ></ html > |
Выход :
Примечание. В настоящее время объект и тег embed не приветствуются, поэтому рекомендуется использовать тег iframe.