Html5 <dive> тег поддерживает 3 обычно используемых видео формата:
1. ogg = ogg файл с кодированием видео Theora и кодированием Vorbis Audio;
2. MPEG4 = файл MPEG 4 с кодировкой видео H.264 и звуковым кодированием AAC;
3. file webm = webm с кодированием видео VP8 и звуковым кодированием Vorbis.
В настоящее время основные браузеры имеют различную поддержку видео форматов. Я считаю, что день, когда HTML5 будет выпущен, будет поддерживать больше форматов видео, принося бы много преимуществ для разработчиков и пользователей.
Давайте поговорим об использовании видеотегических видео HTML5. Если вам нужно отображать видео в браузере, все, что вам нужно, это скопировать следующий код:
<видео src = movie.ogg ширина = 320 высота = 240 элементов управления = элементы управления>
Ваш браузер не поддерживает видеогин.
</video>
Управляющие свойства для добавления воспроизведения, паузы и регуляторов громкости. Также хорошая идея включать ширину и свойства высоты. Контент, вставленный между <dive> и </video>, отображается браузерами, которые не поддерживают видео -элементы.
Приведенный выше код использует файл OGG, который работает для Firefox, Opera и Google Chrome. Чтобы убедиться, что он подходит для браузера Safari, видеофайл должен быть в формате MPEG4. IE8 не поддерживает теги HTML5 <Deage>, а IE9 поддерживает этот тег, но также должен использовать формат MPEG4.
Видеоэлемент разрешает несколько элементов исходных источников. Исходный элемент может ссылаться на видеофайлы в разных форматах. Браузер обнаруживает и использует первый узнаваемый формат, код заключается в следующем:
<Видео ширина = 320 Высота = 240 Организации = Элементы управления>
<source src = movie.ogg type = video/ogg>
<source src = movie.mp4 type = video/mp4>
Ваш браузер не поддерживает видеогин.
</video>
Ниже приведены общие свойства тега <dive>:
| свойство | ценить | описывать |
Автозап | Автозап | Если это свойство появится, видео будет воспроизводиться сразу после того, как оно будет готово. |
Управление | Управление | Если это свойство появляется, пользователю отображается элемент управления, например, кнопка воспроизведения. |
высота | пиксели | Установите высоту видеоплеера. |
петля | петля | Если это свойство появляется, воспроизведение начинается снова, когда медиа -файл закончил воспроизведение. |
предварительная нагрузка | предварительная нагрузка | Если это свойство появляется, видео загружается, когда страница загружена и готова к воспроизведению. Если используется автооплата, это свойство игнорируется. |
SRC | URL | URL видео для игры. |
ширина | пиксели | Устанавливает ширину видеоплеера. |
Появление видео тега HTML5 значительно улучшило опыт пользователя в Интернете и сделает его более удобным для пользователей для просмотра и использования.