<p>我打算在网页上运行一个背景视频，我有不同的移动端和桌面端的视频文件。我</p> <pre class="brush:php;toolbar:false;">&lt;video autoplay loop muted playsinline&gt; &lt;source src="desktop.mp4" type="video/mp4"&gt; &lt;source src="desktop.webm" type="video/webm"&gt; &lt;img src="fallback.jpg" &gt; &lt;/video&gt;</pre> <p>我已经看到了一种媒体查询的解决方案，但据我了解，它已经超出了规范，并且不被iOS/Safari支持。</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>