Как обнаружить поддерживаемые форматы видео для видео тега HTML5?
Я делаю приложение в HTML5, используя видео теги, в приложении пользователь выбирает видеофайл, и я играю этот файл. Все это происходит локально, потому что я только ссылку на этот файл в машине пользователя.
Я хочу разрешить только форматы браузера могут воспроизводиться в моем приложении, и отображать ошибку для неподдерживаемых форматов. Проблема в том, что разные браузеры могут играть разные форматы.
Я знаю, что я могу проверить браузер и сопоставить его с форматами, которые я знаю, что он может играть, но что, если заново обновляется браузер для поддержки другого формата? Мне придется обновить свое приложение с новой информацией, и тем временем пользователи не смогут воспроизводить поддерживаемые форматы. Есть ли способ проверить только для поддерживаемых видеоформатов?
1 ответ
Я бы порекомендовал вам использовать что-то вроде http://videojs.com/ , они используют запасной вариант Flash, а их синтаксис даст вам правильный порядок форматов, который вы должны использовать для всех браузеров. .
Это выглядит так:
<a href="http://video-js.zencoder.com/oceans-clip.mp4">MP4</a>,
<a href="http://video-js.zencoder.com/oceans-clip.webm">WebM</a>,
<a href="http://video-js.zencoder.com/oceans-clip.ogv">Ogg</a>
Если браузер не понимает MP4, он переходит в WebM, если он не переходит в OGG, если он не понимает его, он переходит на флэш-запасной вариант.
Думайте об этом как о декларациях семейства шрифтов в CSS.