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

如果，并且仅当浏览器未通过JavaScript识别为移动设备时，您才会删除autoplay属性并开始播放。这可能是最直接和最便携的解决方案。

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

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

使用隐藏<video>。

的CSS 然而，我告诉过，手机上的现代浏览器会忽略这些;他们声称这种反标准行为对用户很有用，因为2016年的智能手机与引入CSS媒体选择器的PC一样强大，因此在手机上使用全高清屏幕的人会访问看起来像2000年的WAP互联网。

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

1 个答案: