Как сделать видео тегов на мобильных устройствах?

Question

У меня есть этот код смотреть видео на веб-странице:

<video src="intro.mp4" preload="auto" autoplay loop></video> 

прекрасно работают в ПК, но и в мобильных устройствах не работает.

Благодарим за помощь.

Answer 1

В то время как most browsers/platforms support MP4, возможно, вам потребуется добавить несколько форматов. Таким образом, проблема может заключаться в том, что вы предлагаете только MP4 в качестве формата.

<video preload="auto" autoplay="true" loop="loop" controls="true"> 
    <source src="intro.mp4" type="video/mp4" /> 
    <source src="intro.webm" type="video/webm" /> 
    <source src="intro.ogg" type="video/ogg" /> 
    Your browser does not support the video tag. 
</video> 

Также просто FYI, что автовоспроизведение может не работать на мобильном устройстве.

Надеюсь, это поможет.