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

Question

我有以下视频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>

Answer 1

删除autoplay属性，并在浏览器没有通过JavaScript识别为移动端的情况下开始播放，怎么样？这可能是最简单和可移植的解决方案。

现在，也许CSS也会有帮助：

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

用CSS隐藏你的<video>。

然而，有人告诉我，手机上的现代浏览器就是忽略这些；他们声称这种反标准的行为对用户有用，因为2016年的智能手机的功能与CSS媒体选择器推出时的PC一样强大，从而使手机上的全高清屏幕的人访问的页面看起来像2000年的WAP互联网。