В ИДЕОФАЙЛЫ РАЗНЫХ ФОРМАТОВ И КАРМАННЫЕ УСТРОЙСТВА Обычно видеофайлы довольно объемны, а загрузка файла в высоком разрешении на кар-
манные устройства с маленьким экраном едва ли оправдана. Нет никакого смысла в том,
чтобы отсылать видео в формате HD, предназначенном для больших экранов, на экран
смартфона или КПК, и большинство пользователей карманных устройств с радостью со-
гласятся на небольшую потерю качества при условии, что видео будет оперативно загру-
жаться по мобильному соединению. Сжатие видео до размера, подходящего для маленького
экрана, может сэкономить трафик. А это, безусловно, не только поднимет настроение об-
ладателю карманного устройства, но и сделает спокойнее жизнь вашего сервера.
HTML5 предлагает атрибут
media
для элемента
, позволяющий опросить браузер
и узнать через него размер экрана (или количество цветов, коэффициент пропорциональ-
ности и т. д.). Затем отсылается тот файл, который лучше подходит под характеристики
экрана.
Эта функциональность и синтаксис заимствованы из спецификации CSS Media Queries
(
http://www w3 org/TR/css3-mediaqueries/
), но являются частью разметки, так как мы пере-
ключаем исходные файлы в зависимости от того, каковы характеристики устройства. В сле-
дующем примере браузеру отправляется запрос, допустима ли ширина экрана устройства
в 800px, то есть допустим ли широкоформатный режим. Если ответ на запрос положитель-
ный, браузер получает файл
hi-res webm
; если нет —
lo-res webm
: