<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:
Browser
MP4
WebM
Ogg
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 для форматов видео
Format
MIME-type
MP4
video/mp4
WebM
video/webm
Ogg
video/ogg
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
Элемент
<video>
4.0
9.0
3.5
4.0
10.5
Различия между HTML 4,01 и HTML5
Тег <video> является новым в HTML5.
Советы и примечания
Совет: Любой текст между тегами <video> и </video> будет отображаться в обозревателях, не поддерживающих элемент <video>.
Дополнительные атрибуты
Атрибут
Значение
Описание
autoplay
autoplay
Указывает, что воспроизведение видео начнется сразу после его готовности
controls
controls
Указывает, что элементы управления видео должны отображаться (например, кнопка воспроизведения/паузы и т.д.).
height
pixels
Устанавливает высоту видео проигрывателя
loop
loop
Указывает, что видео будет начинаться снова, каждый раз, когда он закончится
muted
muted
Указывает, что аудиовыход видео должен быть отключен
poster
URL
Указывает изображение, которое будет отображаться во время загрузки видео, или до тех пор, пока пользователь не достигнет кнопки воспроизведения
preload
auto metadata none
Указывает, если и как автор считает, что видео должно быть загружено при загрузке страницы
src
URL
Указывает URL-адрес видео-файла
width
pixels
Устанавливает ширину видео проигрывателя
Глобальные атрибуты
Тег <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 Tag
❮ Предыдущая Следующая ❯
пример
Воспроизведение видео:
<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 :
Browser
MP4
WebM
Ogg
Internet Explorer
YES
NO
NO
Chrome
YES
YES
YES
Firefox
YES from Firefox 21 from Firefox 30 for Linux
YES
YES
Safari
YES
NO
NO
Opera
YES From Opera 25
YES
YES
MP4 = MPEG 4 файлов с h364 видео кодек и AAC аудио кодек
WebM = WebM файлы с видеокодек VP8 и Vorbis аудио кодек
Ogg = Ogg Theora файлы с видеокодека и Vorbis аудио кодек
Типы MIME видеоформатов
Формат
MIME-тип
MP4
video/mp4
WebM
video/webm
Ogg
video/ogg
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает элемент.
Элемент
<video>
4.0
9.0
3.5
4.0
10.5
Отличия между HTML 4.01 и HTML5
<video> тег является новым в HTML5.
Советы и примечания
Совет: Любой текст между <video> и </video> теги будут отображаться в браузерах , которые не поддерживают <video> элемент.
Дополнительные атрибуты
= Новое в HTML5.
Атрибут
Стоимость
Описание
autoplay
autoplay
Указывает, что видео будет начать играть, как только он будет готов
controls
controls
Указывает, что видео контроля должны быть отображены (например, кнопка воспроизведения / паузы и т.д.).
height
pixels
Устанавливает высоту видеоплеера
loop
loop
Указывает, что видео будет начать снова, каждый раз, когда она будет закончена
muted
muted
Указывает, что аудио выход видео должен быть заглушен
poster
URL
Определяет изображение, которое будет показано, в то время как видео загрузки, или пока пользователь не нажмет кнопку воспроизведения
preload
auto
metadata
none
Указывает, может ли и как считает автор видео должен быть загружен при загрузке страницы
src
URL
Задает URL видеофайла
width
pixels
Устанавливает ширину видеопроигрывателя
Глобальные атрибуты
<video> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<video> тег также поддерживает Атрибуты событий в HTML .
Похожие страницы
HTML DOM Ссылка: HTML Аудио / видео DOM Reference
Настройки по умолчанию CSS
Никто.
❮ Предыдущая Следующая ❯
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 поддерживается во всех основных браузерах, однако заданный формат файла может поддерживаться не во всех браузерах.
Примеры CSS Примеры JavaScript Примеры инструкций Примеры SQL Примеры Python Примеры W3.CSS Примеры Bootstrap Примеры PHP Примеры Java Примеры XML Примеры jQuery FORUM 90 |
О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.
Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены. W3Schools работает на основе W3.CSS.
Тег HTML
❮ Пред. Следующий ❯
Тег
Вы также можете включить альтернативный текст в тег
Вы также можете включить альтернативный текст в тег
Для элемента
Файлы MP4/MPEG 4 используются с видеокодеком h364 и аудиокодеком AAC, файлы WebM — с видеокодеком VP8 и аудиокодеком Vorbis; и файлы Ogg — с видеокодеком Theora и аудиокодеком Vorbis.
Чтобы обеспечить управляемость видео- и/или аудиоконтентом, вы можете использовать различные события. Такие события позволяют отслеживать ход загрузки и воспроизведения мультимедиа, а также позицию и состояние воспроизведения.
Чтобы изменить положение видео в кадре элемента, вы можете использовать свойство CSS object-position. Если вы хотите контролировать, как изменяется размер видео, чтобы оно помещалось в кадр, используйте свойство object-fit.
Вы можете добавлять к видео субтитры/заголовки с помощью JavaScript с элементом
Каждый 
