如何防止在移动平台上加载视频标签？

我有以下视频HTML5元素，但我不希望为移动设备加载大小。我相信display:none;确实加载视频文件，我该如何阻止？如何防止在移动平台上加载视频标签？

<video autoplay loop> 
     <source src="Images/Comp 2.mp4" type="video/mp4" /> 
     Your browser does not support the video tag. I suggest you upgrade your browser.</video>

来源

2016-02-05 George Edwards

你怎么样删除autoplay属性，如果播放开始，并且仅当浏览器无法识别移动，通过JavaScript。这可能既是最直接又便携的解决方案。

现在，也许CSS也将是有益的：

<link rel="stylesheet" media="handheld" href="mbile.css">

与隐藏您<video>一个CSS。

但是，我被告知，手机上的现代浏览器只是忽略了这些;他们声称这种反标准行为对用户很有用，因为2016年的智能手机与引入CSS媒体选择器后个人电脑一样有能力，因此手机上的全高清显示屏的用户可以访问这些页面看起来像是2000年的WAP互联网。

来源

2016-02-05 12:11:24

那还是先下载视频吗？ –

@GeorgeEdwards：如果你的浏览器是聪明的，那么，不，可能不在移动设备上。视频通常按需流式传输，而不是首先全部下载。现在，我知道每个认真的网站都不使用自动播放，而是使用JS来检测环境，选择可行的视频质量，将其定义为视频源，然后开始播放，同时显示静态图像作为预览时间直到那可能发生。 –

如何防止在移动平台上加载视频标签？

回答

相关问题