Дополнительные возможности тегов

Дополнительные возможности тегов <AUDIO> и <VIDEO>

Но постойте! Раньше мы узнали, что набор поддерживаемых мультимедийных форматов у разных Web-обозревателей различается. И может случиться так, что аудио- или видеоролик, который мы поместили на Web-страницу, окажется какому- то Web-обозревателю не "по зубам". Как быть?

Специально для таких случаев HTML 5 предусматривает возможность указать в одном теге <AUDIO> или <VIDEO> сразу несколько мультимедийных файлов. Web- обозреватель сам выберет из них тот, формат которого он поддерживает.

Если мы собираемся указать сразу несколько мультимедийных файлов в одном теге <AUDIO> или <VIDEO>, то должны сделать две вещи.

1. Убрать из тега <AUDIO> или <VIDEO> указание на мультимедийный файл, т. е. атрибут SRC и его значение.

2. Поместить внутри тега <AUDIO> или <VIDEO> набор тегов <SOURCE>, каждый из которых будет определять интернет-адрес одного мультимедийного файла.

Одинарный тег <SOURCE> указывает как интернет-адрес мультимедийного файла, так и его тип MIME. Для этого предназначены атрибуты SRC и TYPE данного тега соответственно:

<VIDEO>

<SOURCE SRC="film.ogg" TYPE="video/ogg">

<SOURCE SRC="film.mov" TYPE="video/quicktime">

</VIDEO>

Данный тег <VIDEO> определяет сразу два видеофайла, хранящих один и тот же фильм: один — формата OGG, другой — формата QuickTime. Web-обозреватель, поддерживающий формат OGG, загрузит и воспроизведет первый файл, а Web- обозреватель, поддерживающий QuickTime, — второй файл.

Отметим, что тип MIME видеофайла (и, соответственно, атрибут TYPE тега <SOURCE>) можно опустить. Но тогда Web-обозревателю придется загрузить начало файла, чтобы выяснить, поддерживает ли он формат этого файла. А это лишняя и совершенно ненужная нагрузка на сеть. Так что тип MIME лучше указывать всегда.

А если Web-обозреватель вообще не поддерживает теги <AUDIO> и <VIDEO>? В таком случае он их проигнорирует и ничего на Web-страницу не выведет. Однако мы можем указать текст замены, в котором описать возникшую проблему и предложить какой-либо путь ее решения (например, сменить Web-обозреватель). Такой текст замены ставят внутри тега <AUDIO> или <VIDEO> после всех тегов <SOURCE> (если они есть), например, как в листинге 4.4.

Листинг 4.4

<VIDEO>

<SOURCE SRC="film.ogg" TYPE="video/ogg">

<SOURCE SRC="film.mov" TYPE="video/quicktime">

Ваш Web-обозреватель не поддерживает вывод мультимедийных данных средствами HTML 5. Попробуйте другой.

</VIDEO>

Отметим, что мы не указали в тексте замены теги, создающие абзац. Теги <AUDIO> и <VIDEO> сами по себе — блочные элементы, так что в этом нет нужды.

Вот и все об интернет-мультимедиа и средствах HTML 5 для его поддержки.

Что дальше?

В этой главе мы научились помещать на Web-страницы графические изображения, аудио- и видеоролики. И начали изучать HTML 5.

В следующей главе нас ждут таблицы.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Дополнительные возможности гиперссылок

Из книги автора

Дополнительные возможности гиперссылок Язык HTML предлагает нам некоторые дополнительные возможности для создания гиперссылок. Их применяют нечасто, но иногда они полезны.Прежде всего, мы можем указать для гиперссылки "горячую" клавишу. Если посетитель нажмет эту


1.3. Дополнительные возможности

Из книги автора

1.3. Дополнительные возможности Работа со звукомЕсли раньше операционные системы семейства Windows работали со звуком в 16-битном режиме, то Windows Vista работает в 32-битном. Это повышает качество звука, делая его более глубоким и чистым. Правда, именно из-за этого изменения больше


4.6. Дополнительные возможности защиты

Из книги автора

4.6. Дополнительные возможности защиты Помимо прав доступа у любого файла есть еще и атрибуты, которые позволяют построить дополнительную стену безопасности на пути взломщика. Единственное условие — атрибуты могут использоваться только на файловых системах Ext2 и Ext3. Но


5.2.2. Дополнительные возможности OpenSSL

Из книги автора

5.2.2. Дополнительные возможности OpenSSL При запуске программы stunnel на сервере мы задали использование сертификата авторизации, но не сказали, как проверять его подлинность. Для указания уровня контроля применяется ключ -v, после которого идет число:? 0 — нет никакой


Дополнительные возможности тегов

Из книги автора

Дополнительные возможности тегов <AUDIO> и <VIDEO> Но постойте! Раньше мы узнали, что набор поддерживаемых мультимедийных форматов у разных Web-обозревателей различается. И может случиться так, что аудио- или видеоролик, который мы поместили на Web-страницу, окажется какому-


Дополнительные возможности гиперссылок

Из книги автора

Дополнительные возможности гиперссылок Язык HTML предлагает нам некоторые дополнительные возможности для создания гиперссылок. Их применяют нечасто, но иногда они полезны.Прежде всего, мы можем указать для гиперссылки "горячую" клавишу. Если посетитель нажмет эту


Дополнительные возможности

Из книги автора

Дополнительные возможности Выше были рассмотрены лишь основы работы с INF-файлами. Кроме приведенных ключевых слов, INF-файлы поддерживают многие другие, но если начать их описывать, то понадобится отдельная книга. Закончим на этом рассказ о ключевых словах INF-файлов.


7.3.5. Дополнительные возможности

Из книги автора

7.3.5. Дополнительные возможности Вкладка Дополнительно основного окна Comodo (рис. 7.25) содержит кнопки вызова окна общих настроек программы (можно изменить тему, оформление, определить настройки журналов, сменить язык и т. п.), обновить компоненты всей программы (а не только


Дополнительные возможности

Из книги автора

Дополнительные возможности Откройте Проигрыватель Windows Media, выполните команду Вид ? Дополнительные возможности ? Отображать дополнительные возможности (рис. 3.8). На панели инструментов нажмите кнопку Проигрывается, внизу слева появится область настройки дополнительных


Дополнительные возможности браузеров

Из книги автора

Дополнительные возможности браузеров Разумеется, возможности веб-браузеров не заканчиваются просмотром сайтов и переходом со страницы на страницу. Программы для навигации в Интернете могут гораздо больше, о чем сейчас и поговорим. При этом если это не оговорено


Дополнительные возможности замены

Из книги автора

Дополнительные возможности замены Контекстный поиск и замена – важные возможности автоматизации обработки текста. Заменить одновременно во всем тексте фразу, слово, отдельные знаки, имя, адрес и другие фрагменты – это самое простое, что можно сделать.Более сложный


Дополнительные возможности по расширению

Из книги автора

Дополнительные возможности по расширению В XSLT 1.1 был введен элемент xsl:script, предоставляющий дополнительные возможности для создания и использования функций расширения. При помощи xsl:script функции расширения могут быть явным образом определены в самом


4.7. Дополнительные возможности Microsoft Word

Из книги автора

4.7. Дополнительные возможности Microsoft Word Microsoft Word по праву можно назвать одним из лучших текстовых редакторов. Как вы убедились, он обладает множеством полезных и удобных функций для набора и редактирования текста, создания таблиц и рисунков.С помощью Word также можно


Дополнительные возможности

Из книги автора

Дополнительные возможности В этом разделе описаны некоторые дополнительные возможности по трансформации графики, которые могут нам пригодиться.Трансформация копии графического фрагментаИногда требуется не просто выполнить какую-либо трансформацию над выделенным