Последние учебники веб-разработки
×

HTML5 Руководство

HTML ГЛАВНАЯ HTML Введение HTML редакторы HTML базовый HTML элементы HTML Атрибуты HTML Заголовки HTML Пункты HTML Стили HTML форматирование HTML цитаты HTML Компьютерный код HTML Комментарии HTML Цвета HTML CSS HTML связи HTML Изображений HTML таблицы HTML Списки HTML Блок и строковые элементы HTML Классы HTML раскладка HTML отзывчивый HTML Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

HTML формы HTML Форма Элементы HTML Типы входных данных HTML Входные атрибуты

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML YouTube видео


Самый простой способ для воспроизведения видео в формате HTML, заключается в использовании YouTube.


Борясь с видео форматами?

Различные версии различных браузеров поддерживают различные форматы видео.

Ранее в этом уроке, вы видели, что вы, возможно, придется конвертировать видео в различные форматы видео, чтобы заставить их играть во всех браузерах.

Преобразование видео в другой формат может быть сложным и трудоемким.

Простейшее решение может быть, чтобы позволить YouTube играть видео на веб-странице.


Id видео YouTube

YouTube будет показывать идентификатор (like XGSy3_Czz8k) , (or play) (like XGSy3_Czz8k) , при сохранении (or play) видео.

Вы можете использовать этот идентификатор, и обратитесь к вашему видео в HTML.


Воспроизведение видео YouTube в формате HTML

Для воспроизведения видео на веб-странице, выполните следующие действия:

  • Загрузить видео на YouTube
  • Примите к сведению, что ID видео
  • Определить <iframe> элемент в вашей веб - странице
  • Пусть src точку атрибута к видео URL
  • Используйте атрибуты ширину и высоту, чтобы указать размер игрока
  • Добавьте любые другие параметры в URL

Пример - Использование плавающего фрейма (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Попробуй сам "

Параметры YouTube

авто-скрытие

Значение 0: Управление плеером всегда видны.

Значение 1: Управление плеером скрывается автоматически, когда видео воспроизводится.

Значение 2 (default) по (default) : Если игрок имеет 16: 9 или 4: 3, так же , как 1, в противном случае такие же как 0.

Автовоспроизведение

Значение 0 (default) по (default) : Видео не будет воспроизводиться автоматически после загрузки проигрывателя.

Значение 1: Видео будет воспроизводиться автоматически после загрузки проигрывателя.

управления

Значение 0: контроль игрока не отображается. Видео грузы немедленно.

Значение 1 (default) по (default) : Игрок управляет дисплеем. Видео грузы немедленно.

Значение 2: Игрок контролирует дисплей, но видео не загружается, прежде чем пользователь инициирует воспроизведение.

петля

Значение 0 (default) по (default) : Видео будет играть только один раз.

Значение 1: Цикл видео будет (forever) .

плейлист

Разделенный запятыми список видео , чтобы играть (in addition to the original URL) .


YouTube <object> Встраивание

YouTube <object> встраивает были устаревшими с января 2015 года.

Вы должны перенести приложение использовать <iframe> встраивает.

Пример - Использование <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Попробуй сам "

Пример - Использование <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Попробуй сам "