Force .webm вместо .mp4

Question

У меня есть видео-слайдер с .webm, .mp4 &. , поскольку webm гораздо меньшего размера, я хочу заставить использовать .webm, если браузер/устройство может поддерживать формат.

Answer 1

Вы можете указать приоритет форматов по тому, как вы упорядочиваете исходные теги для видео. Если браузер поддерживает первый указанный формат, он будет использовать его, если он не будет продолжен до следующего и так далее.

Пример:

Это будет попробовать формат WebM первый, если браузер не может воспроизвести его версия Theora испытывается и, наконец, mp4, если это не работает, либо (в конце концов запасной вариант, если ничего не поддерживаются) (заимствованные из wikipedia) -

<video poster="movie.jpg" controls> 
    <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'> 
    <source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'> 
    <p>This is fallback content to display for user agents that do not 
     support the video tag.</p> 
</video>