Введение статьи Wulin.com (www.vevb.com): HTML 5 Обзор видео.
1 Введение видео
Цитируйте текст введения из моего переведенного документа «Встроенный аудио и видео на страницах HTML5»: сегодня единственный надежный способ встраивать видео на веб -страницы и увидеть их всех пользователей независимо от их браузера или операционной системы - использовать Flash. Это требует плагина Adobe Flash и объединяет теги <object> и <Embed>.
У большинства пользователей уже установлены плагины Flash (на самом деле, около 95% пользователей Интернета имеют определенную версию Flash), но сторонники HTML 5 настаивают на открытом видео стандарте, который не требует никаких плагинов. Это идея, представленная в новом теге HTML 5 <Deague>, которая предоставляет способ встраивать видео (и взаимодействовать с ними) без необходимости в частных плагинах, таких как Flash.
К сожалению, видео не так просто. Мало того, что браузер должен понимать тег <dive>, но и необходимое кодирование и декодер для воспроизведения видео. Очевидное решение предназначено только для создателей спецификаций HTML 5, чтобы выбрать видеокодек и позволить каждому производителю браузера выполнить его.
Во всяком случае, это то, что вы рекомендуете. В то же время это также предохранитель, который вызывает хаос. Дискуссия о различных кодеках уже очень раздражает, но более трагична то, что производители браузеров не могут достичь единого конца. Apple неохотно использует предлагаемый кодек OGG Theora, но Opera и Mozilla также не хотят оплачивать лицензионные сборы из -за их браузеров, загружающих кодек H.264. Google поддерживает оба, и Microsoft далеко отстает от дебатов, потому что у него вообще нет планов по поддержке видео -элементов HTML 5.
Столкнувшись с тупиковым путем из производителей браузеров, HTML 5-намеренный диктатор Ian Hickson пожал руку и сказал, трахается. Следовательно, в спецификации HTML 5 нет специально названного или указанного кодирования видео, кодирующего видео. ОК, цитируйте здесь.
Ситуация в том, что Microsoft наконец -то оказалась в ловушке, но трагически она поддерживает только H.264 в IE 9. В то же время Google наконец -то выпустил формат видео с открытым исходным кодом WebM и формат кодирования видео VP8 на конференции ввода/вывода. Opera, Mozilla и Chrome объявили, что они будут полностью поддерживать VP8, и IE объявили, что некоторая поддержка (требуется плагин, но если я правильно помню, одно из видений HTML5 заключается в том, чтобы покинуть плагин браузера, что действительно трагично для Microsoft).
Apple решила не поддерживать VP8. Джобс считает, что VP8 не так хорош, как H.264 с точки зрения качества или эффективности, и не может соответствовать требованиям ее продуктов. Кроме того, последние новости показывают, что VP8 также может включать патентные проблемы (если патент действительно нарушен, Opera и Firefox, вероятно, немедленно игнорируют VP8).
Сказав так много, в конце концов, если вы хотите использовать тег <dive> на странице, вам нужно рассмотреть три ситуации: те, которые поддерживают OGG Theora или VP8 (если с этой штукой ничего не происходит) (Opera, Mozilla, Chrome), те, которые поддерживают H.264 (Safari, IE 9, Chrome), те, которые не поддерживают (IE6, 8, 8).
Что ж, теперь давайте поймем видео HTML 5 с технического уровня, включая использование тегов <dide>, свойства медиа -свойств и методов, которые могут использовать видеообъекты, и события медиа.
2 Использование видеотегии
Видеоблет содержит несколько атрибутов, таких как SRC, плакат, предварительная нагрузка, автоматическая, петля, управление, ширину, высота и т. Д., А также внутренне используемый тег <source>.
В дополнение к тегу <source>, видео тег также может включать контент, возвращаемый, когда ни одно из указанных видео не может быть воспроизведено.
2.1 атрибут SRC и атрибут плаката
Можете ли вы представить, для чего используется атрибут SRC. Как и тег <img>, это свойство используется для указания адреса видео.
Атрибут плаката используется для указания изображения и отображения его, когда текущие видеоданные являются недействительными (предварительное изображение). Неверные видеоданные могут быть потому, что видео загружается, это может быть потому, что видеодрес неверен и т. Д.
2.2 Атрибут предварительной нагрузки
Это свойство также может использоваться по имени, которое используется для определения того, предварительно загружено видео. Существует три дополнительных значения для атрибутов: нет, метаданные и авто. Если это свойство не используется, по умолчанию является автоматическое.
Нет: нет предварительной загрузки. Использование этого значения свойства может быть в том, что производитель страниц считает, что пользователь не ожидает этого видео или уменьшает HTTP -запросы.
Метаданные: частично предварительно загружено. Использование этого значения атрибута означает, что производитель страниц считает, что пользователь не ожидает этого видео, но предоставляет пользователю некоторые метаданные (включая размер, первый кадр, список треков, продолжительность и т. Д.).
Авто: Все предварительно загружено.
2.3 Атрибуты Autoplay
Другой атрибут, который знает его использование в соответствии с именем. Свойство Autoplay используется для установки того, автоматически воспроизводится видео, и является логическим свойством. Когда он появляется, это означает автоматическое воспроизведение, а удаление его означает, что он не воспроизводит автоматически.
Обратите внимание, что значения логического атрибута в HTML не являются истинными и ложными. Правильное использование состоит в том, чтобы использовать этот атрибут, чтобы представить True в теге. В настоящее время атрибут либо не имеет значения, либо его значение всегда равна его имени (здесь автоматическое воспроизведение - <Видео Autoplay /> или <Video Autoplay = Autoplay />); В то время как этот атрибут не используется в теге для представления FALSE (здесь автоматическое воспроизведение <видео />).
2,4 Атрибуты петли
С первого взгляда ясно, что атрибут петли используется для указания того, воспроизводится ли видео, и это также логический атрибут.
2.5 Атрибут управления
Свойство управления используется для указания браузеру, что производитель страниц не использует сценарии для генерации контроллера воспроизведения, а браузер требует, чтобы браузер включал свою собственную панель управления воспроизведением.
Панель управления должна включать в себя управление паузой воспроизведения, управление прогрессом воспроизведения, управление громкостью и т. Д.