Тег video

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯


Пример

Воспроизведение видео:

<video controls>
  <source src=»movie.mp4″ type=»video/mp4″>
  <source src=»movie.ogg» type=»video/ogg»>
  Your browser does not support the video tag.
</video>

Определение и использование

Тег <video> определяет видео, например фрагмент ролика или другие видеопотоки.

В настоящее время имеется 3 поддерживаемых видео форматов для элемента <video>: MP4, WebM, и Ogg:

BrowserMP4WebMOgg
Internet ExplorerДаНетНет
ChromeДаДаДа
FirefoxДа
От Firefox 21
От Firefox 30 Для Linux		ДаДа
SafariДаНетНет
OperaДа
От Opera 25		ДаДа
  • MP4 = MPEG 4 файлы с h364 видео кодек и AAC аудио кодек
  • WebM = WebM файлы с VP8 видео кодек и Vorbis аудио кодек
  • Ogg = Ogg файлы с Theora видео кодек и Vorbis аудио кодек

Типы MIME для форматов видео

FormatMIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<video>4.09.03.54.010.5

Различия между HTML 4,01 и HTML5

Тег <video> является новым в HTML5.

Советы и примечания

Совет: Любой текст между тегами <video> и </video> будет отображаться в обозревателях, не поддерживающих элемент <video>.

Дополнительные атрибуты

АтрибутЗначениеОписание
autoplayautoplayУказывает, что воспроизведение видео начнется сразу после его готовности
controlscontrolsУказывает, что элементы управления видео должны отображаться (например, кнопка воспроизведения/паузы и т.д.).
heightpixelsУстанавливает высоту видео проигрывателя
looploopУказывает, что видео будет начинаться снова, каждый раз, когда он закончится
mutedmutedУказывает, что аудиовыход видео должен быть отключен
posterURLУказывает изображение, которое будет отображаться во время загрузки видео, или до тех пор, пока пользователь не достигнет кнопки воспроизведения
preloadauto
metadata
none		Указывает, если и как автор считает, что видео должно быть загружено при загрузке страницы
srcURLУказывает URL-адрес видео-файла
widthpixelsУстанавливает ширину видео проигрывателя

Глобальные атрибуты

Тег <video> также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег <video> также поддерживает Атрибуты событий в HTML.

Похожие страницы

HTML DOM Ссылки: HTML Audio/Video DOM Reference

Параметры CSS по умолчанию

Нет.

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html

html элементы

Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML тег video

Тег <video> позволяет в браузере проигрывать видео файлы.

В настоящее время поддерживается три видео формата — MP4, WEBM, OGG.

БраузерMP4WEBMOGG
Internet ExplorerДаНетНет
ChromeДаДаДа
FirefoxДаДаДа
SafariДаНетНет
OperaДаДаДа

  • MP4 = h356 видео кодек + AAC аудио кодек
  • WEBM = VP8 видео кодек + Vorbis аудио кодек
  • OGG = Theora видео кодек + Vorbis аудио кодек

Любой текст между тегами <video> и </video> будет отображен в том случае, если тег <video> не поддерживается браузером.

MIME-типы для видео форматов

ФорматMIME-тип
MP4video/mp4
WEBMvideo/webm
OGGvideo/ogg
Разница между HTML 4.01 и HTML5

Тег <video> был добавлен в HTML5.

Атрибуты тега <video>

АтрибутОписание
autoplayАвтоматически запускает медиа-файл на воспроизведение
controlsВключает элементы управления воспроизведением видеофайла
heightОпределяет высоту области отображения видео
loopВключает бесконечный цикл воспроизведения видеофайла
mutedОтключает звук у видеофайла
posterОпределяет URL изображения заставки видеофайла
preloadОпределяет, следует ли загружать видеофайл во время загрузки страницы
srcОпределяет URL видеофайла
widthОпределяет ширину видеоплеера
Общие атрибуты

Тег <video> поддерживает общие атрибуты и атрибуты-события.

HTML пример использования

Проигрываем видео файл:

<video controls>
   <source src='movie.mp4' type="video/mp4">
   <source src='movie.ogg' type="video/ogg">
   Ваш браузер не поддерживает тег video.
</video>

HTML video src Атрибут

❮ Тег HTML

Пример

Воспроизведение видео:

Попробуйте сами »

Определение и использование

Атрибут src указывает местоположение (URL) видеофайла.

В приведенном выше примере используется файл Ogg, и он будет работать в Chrome, Edge, Firefox. и Опера.

Чтобы воспроизвести видео в старых Internet Explorer и Safari, мы должны использовать файл MPEG4.

Чтобы работало во всех браузерах — добавьте несколько элементы внутри элемента . Каждый элементов могут ссылаться на различные видеофайлы. Браузер будет использовать первый распознанный формат:

Пример

<управление видео>
 
 


Ваш браузер не поддерживает видео тег.

Попробуйте сами »

Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.

Атрибут
источник 4,0 9,0 3,5 3.1 11,5

Атрибут src поддерживается во всех основных браузерах, однако заданный формат файла может поддерживаться не во всех браузерах.

Синтаксис

Значение Описание
URL-адрес URL-адрес видеофайла.

Возможные значения:

  • Абсолютный URL-адрес — указывает на другой веб-сайт (например, src=»http://www.example.com/movie.ogg»)
  • Относительный URL-адрес — указывает на файл на веб-сайте (например, src=»movie.ogg»)

❮ Тег HTML


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To Tutorial
Учебник по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Основные ссылки
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3. CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Лучшие примеры Примеры HTML

Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3. CSS.

HTML-видео — javatpoint

следующий → ← предыдущая

HTML 5 также поддерживает тег

В настоящее время для тега видео HTML поддерживаются три видеоформата:

  1. MP4
  2. вебМ
  3. огг

Давайте посмотрим на таблицу, определяющую, какой веб-браузер поддерживает формат видеофайла.

Browser mp4 webM ogg
Internet Explorer yes no no
Google Chrome yes yes yes
Mozilla Firefox да да да
Opera нет да да
Apple Safari да нет нет
Android также поддерживает формат mp4.

Пример тега видео HTML

Давайте посмотрим код для воспроизведения файла mp4 с использованием тега видео HTML.

<управление видео> Ваш браузер не поддерживает тег html video.

Протестируйте сейчас

Давайте посмотрим на пример воспроизведения файла ogg с использованием тега видео HTML.

<управление видео> Ваш браузер не поддерживает тег html video.

Поддержка браузеров

Element Chrome IE Firefox Opera Safari
Yes Yes Yes Yes Yes

Атрибуты тега видео HTML

Давайте посмотрим на список атрибутов тега видео HTML 5.

Атрибут Описание
элементы управления Определяет элементы управления видео, которые отображаются с кнопками воспроизведения/паузы.
высота Используется для установки высоты видеоплеера.
ширина Используется для установки ширины видеоплеера.
плакат Указывает изображение, которое отображается на экране, когда видео не воспроизводится.
autoplay Указывает, что воспроизведение видео начнется, как только оно будет готово.
цикл Указывает, что видеофайл будет начинаться заново каждый раз, когда он будет завершен.
приглушенный Используется для отключения видео выхода.
preload Указывает авторское представление для загрузки видеофайла при загрузке страницы.
src Указывает исходный URL-адрес видеофайла.

Пример атрибута тега видео HTML

Давайте посмотрим на пример тега видео в HTML, где используются высота, ширина, автовоспроизведение, элементы управления и атрибуты цикла.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *