Обратные образы HTML5 загружаются браузером, несмотря на то, что поддерживается HTML5-видео

Question

У меня есть несколько видео HTML5 с анимированными GIF-версиями в качестве резервного. К сожалению, GIF загружаются, даже если поддерживается HTML5-видео.

Без использования javascript есть ли способ остановить загрузку браузера с помощью резервного содержимого HTML5? Если нет, я просто использую jquery, но хотел бы знать, было ли решение non-js.

<video> 
    <source src="animation-1.mp4" type="video/mp4"> 
    <img src="animation-1.gif"> 
</video> 
<video> 
    <source src="animation-2.mp4" type="video/mp4"> 
    <img src="animation-2.gif"> 
</video> 
<video> 
    <source src="animation-3.mp4" type="video/mp4"> 
    <img src="animation-3.gif"> 
</video> 

Network инспектор показывает, что Firefox (а также Chrome), безусловно, загрузив GIFs:

Answer 1

Я так и не нашел ответа на этот вопрос, поэтому я просто изменил src на data-src на резервные GIF-файлы, и если был обнаружен IE8 или ранее, я изменил его на src с помощью javascript.

Answer 2

Я предполагаю, что вы хотите запасной вариант для IE8 и более ранних версий. Ваше решение является действительным HTML, но я не видел, чтобы кто-нибудь еще рекомендовал его. Другие люди используют <p>Your Message Here</p> как резерв вместо <img>. Или может быть conditional comments будет работать. Вы можете использовать <video controls poster="animation-1.gif">, за исключением того, что он не будет работать для IE8 и ранее.