-
HTML курс
- HTML курс
- HTML Краткое введение
- HTML редактор
- HTML Фонд
- HTML элемент
- HTML свойство
- HTML заголовок
- HTML пункт
- HTML Форматирование текста
- HTML ссылка
- HTML руководитель
- HTML CSS
- HTML изображение
- HTML таблица
- HTML список
- HTML блок
- HTML раскладка
- HTML форма
- HTML рамка
- HTML цвет
- HTML название цвета
- HTML значения цвета
- HTML скрипт
- HTML символьные объекты
- HTML URL
- HTML Быстрый список
- HTML резюме
- XHTML Введение
HTML5
- HTML5 курс
- HTML5 Поддержка браузеров
- HTML5 Новый элемент
- HTML5 Canvas
- HTML5 Инлайн SVG
- HTML5 MathML
- HTML5 Перетаскивание
- HTML5 Географическое положение
- HTML5 видео(Video)
- HTML5 аудиочастота(Audio)
- HTML5 Input тип
- HTML5 элементы формы
- HTML5 Свойства формы
- HTML5 Смысловые элементы
- HTML5 Web память
- HTML5 Web SQL
- HTML5 кэш приложений
- HTML5 Web Workers
- HTML5 SSE
- HTML5 WebSocket
- HTML5 викторина
- HTML(5)Спецификация Код
HTML средства массовой информации
- HTML средства массовой информации(Media)
- HTML Виджет
- HTML аудиочастота(Audio)
- HTML видеоплеер(Videos)
- HTML примеров
HTML справочное руководство
- HTML список Теги(в алфавитном порядке)
- HTML список Теги(функция сортировки)
- HTML свойство
- HTML событие
- HTML холст
- HTML аудиочастота/видео
- HTML эффективный DOCTYPES
- HTML название цвета
- HTML Выбор цвета
- HTML Набор символов
- HTML ASCII
- HTML ISO-8859-1
- HTML символ
- HTML URL кодирование
- HTML таблица условных сигналов
- HTTP новости
- HTTP способ
- Сочетания клавиш
Лучшее руководство по HTML5 Video (Видео) в 2024 году. В этом руководстве вы можете изучить Обнаружить ваш браузер поддерживает HTML5-видео:,Веб-сайт Видео,Поддержка браузеров,HTML5 (видео) - Как это работает?,примеров,Видео форматы и поддержка браузера,Формат видео,HTML5 <видео> - контролировать использование DOM,Пример 1,HTML5 тег видео,
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> | 定义在媒体播放器文本轨迹 |