Комментарий: большинство видео отображаются через плагины (например, Flash). Тем не менее, не у всех браузеров есть один и тот же плагин, HTML5 определяет стандартный способ включения видео через видео-элементы, которые можно использовать для завершения воспроизведения видео
Сегодня большинство видео отображаются через плагины (например, Flash). Однако не все браузеры имеют одинаковый плагин.HTML5 определяет стандартный способ включения видео через видео -элементы.
В HTML5 видео элемент в настоящее время поддерживает три формата видеофайлов.
1.Ogg = ogg файл с кодировкой видео Theaor
2.mpeg4 = файл MPEG 4 с кодировкой видео H.264 и AAC Audio Coding
3. Webm = webm -файл с кодировкой видео VP8 и кодированием аудио Vorbis
Так как отображать видео в HTML5? Примеры следующие:
<видео src = "demo.mp4" controls = "controls"> Ваш браузер не поддерживает этот видео формат. </video>
Хорошо, давайте объясним значение каждого атрибута в видео элементе. Среди них ширина и высота не будут объяснены. В основном говорим о элементах управления. Как следует из названия, элементы управления являются элементами управления, ха -ха, они являются такими элементами управления, как воспроизведение видео, пауза тома и т. Д. Китайские персонажи, вставленные в середину элемента видео, вы должны знать, что они умны, и они подсказывают пользователю, что браузер не поддерживает использование формата видео.
Следует отметить, что для того, чтобы он подходил для браузера Safari, видеофайл должен быть типа MP4. Видео OGG Format подходит для браузеров Firefox, Opera и Chrome. Internet Explorer 8 не поддерживает видео -элементы. В IE 9 предоставляется поддержка видео -элементов с использованием MPEG4.
Конечно, если мы не уверены, какой формат видео поддерживает наш браузер, мы можем сначала проверить это. Метод обнаружения доступен в другом посте в блоге. Если вам интересно, вы можете проверить это. Если вы не хотите быть неприятностями, что вы должны делать? Мы можем сделать это:
<видео Controls = "Controls">
<source src = "movie.ogg" type = "video/ogg">
<Source src = "movie.mp4" type = "video/mp4">
Ваш браузер не поддерживает этот видеоформат.
</video>
Видеоэлемент разрешает несколько элементов исходных источников. Исходный элемент может ссылаться на разные видеофайлы. Браузер будет использовать первый узнаваемый формат, поэтому нам просто нужно подготовить еще несколько видео в разных форматах.
Далее мы представим свойства нескольких видеотеги.
1.Autoplay: это свойство появляется, означает, что видео будет автоматически воспроизводиться, когда оно будет готово. Использование: Autoplay = Autoplay
2. Контроли: это свойство появляется
3. Хист: установить высоту
4. Заботка: установлена ширина
5.loop: автоматическое воспроизведение, использование: loop = loop
6. Предоставление: видео загружено и готово к воспроизведению при загрузке страницы. Использование: Preload = Auto
Авто - загрузите все видео после загрузки страницы
Мета - только метаданные загружаются после загрузки страницы
Нет - видео не загружается после загрузки страницы
ПРИМЕЧАНИЕ. Если используется автозагрузка, предварительная нагрузка игнорируется.
7.SRC: URL -адрес воспроизвести видео