пример
Воспроизведение видео:
<video width="320" height="240" 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 файлов с H264 видео кодек и 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
Никто.