HTML5 Video (Видео)
Многие сайты будут использовать для видео. HTML5 предоставляет стандартный дисплей видео.
Обнаружить ваш браузер поддерживает HTML5-видео:
Веб-сайт Видео
До сих пор, до сих пор не существует стандарт, направленный на дисплей видео на странице.
Сегодня большинство видео через плагинов (например, Flash), которые будут отображаться. Тем не менее, не все браузеры имеют те же плагины.
HTML5 определяет стандартный способ включить видео через видео элементов.
Поддержка браузеров
Internet Explorer 9 +, Firefox, Opera, Chrome, Safari и поддержка <видео> элемент.
Примечание: Internet Explorer 8 или более ранние версии IE не поддерживают элемент <видео>.
HTML5 (видео) - Как это работает?
Для отображения видео в HTML5, все, что вам нужно:
примеров
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>
Попробуйте »
<Видео> элемент обеспечивает воспроизведение, пауза и регулировки громкости для управления видео.
В то же время <видео> элемент элемент также обеспечивает высоту и ширину атрибуты определяют размеры видео. Если вы установите высоту и ширину требуемого видео пространства будет сохранена при загрузке страницы. , Если вы не установили эти свойства, браузер не знает размер видео, браузер не может зарезервировать определенное пространство при загрузке, страница будет основываться на оригинальном изменении размера видео.
<Видео> между </ видео> тега и вставленного содержимого не доступен для поддержки видео элементов, отображаемых в браузере.
<Видео> элемент поддерживает множественный <источник> элемент. <Источник> элементы могут ссылаться на различные видео файлы. Браузер будет использовать первый признанному формату:
Видео форматы и поддержка браузера
В настоящее время, <видео> элемент поддерживает три форматы видео: MP4, WebM и Ogg:
| браузер | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | ДА | НЕТ | НЕТ |
| хром | ДА | ДА | ДА |
| Firefox | ДА | ДА | ДА |
| сафари | ДА | НЕТ | НЕТ |
| опера | ДА (с Opera 25 и далее) | ДА | ДА |
- MP4 = MPEG 4 файла с H.264 кодирования видео и аудио AAC
- WebM = WebM файлы с VP8 видео и Vorbis кодируются кодирование аудио
- Ogg = Ogg Theora файлы с кодированного видео и Vorbis аудиокодека
Формат видео
| 格式 | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML5 <видео> - контролировать использование DOM
HTML5 <видео> и <аудио> элемент также имеет методы, свойства и события.
Методы <видео> и <аудио> элементы, свойства и события можно управлять с помощью JavaScript.
Какие методы используются для воспроизведения, паузы, и нагрузки и так далее. В котором свойства (такие как продолжительность, объем и т.д.) можно прочитать или установить. В котором DOM событие может сообщить вам, что, скажем, элемент <видео> начать воспроизведение, паузу, остановился, и так далее.
Примеры простого метода, мы покажем, как использовать элемент <видео>, читать и установить свойства, и как вызывать методы.
Пример 1
Создание простого воспроизведения / паузы видео и изменять размеры элементов управления:
В приведенном выше примере вызывает два метода: воспроизведение () и паузы (). Он также использует два свойства: приостановленная и ширину.
Попробуйте »Смотрите ссылку для получения дополнительной HTML5 Audio / Video DOM Reference Manual .
HTML5 тег видео
| 标签 | 描述 |
|---|---|
| <video> | 定义一个视频 |
| <source> | 定义多种媒体资源,比如 <video> 和<audio> |
| <track> | 定义在媒体播放器文本轨迹 |