<p>Ich habe vor, ein Hintergrundvideo auf einer Webseite abzuspielen und habe unterschiedliche Videodateien für Mobilgeräte und Desktops. I</p> <pre class="brush:php;toolbar:false;"><video autoplay loop muted playinginline> <source src="desktop.mp4" type="video/mp4"> <source src="desktop.webm" type="video/webm"> <img src="fallback.jpg" > </video></pre> <p>Ich habe eine Lösung für Medienabfragen gesehen, aber soweit ich weiß, liegt sie außerhalb der Spezifikation und wird von iOS/Safari nicht unterstützt. </p>

<video controls> 
   <source src="video-small.mp4" type="video/mp4" media="all and (max-width: 480px)"> 
   <source src="video-small.webm" type="video/webm" media="all and (max-width: 480px)"> 
   <source src="video.mp4" type="video/mp4"> 
   <source src="video.webm" type="video/webm"> 
</video>