javascript - CSS 显示 : none a better solution?

Question

我正在使用 DIVI、Wordpress，我将这段视频设置为桌面背景，但我在手机和平​​板电脑上禁用了它，但事情是这样的，“禁用”选项的作用只是显示:无，所以视频仍然存在正在加载 DOM。

有没有办法完全阻止加载对象？所以它确实会影响移动设备的加载时间？

请分享你的想法

Answer 1

是的，颠覆你的逻辑:

永远不要加载剪辑，除非它是一个有能力的设备。

您可以使用 javascript 检查屏幕宽度是否足够宽(或者更好:检查设备是否支持您的剪辑，wifi 中的某些平板电脑通常也可以显示它)。
如果您决定可以播放它，请将视频元素添加到页面(或将 src 添加到您的元素)并触发播放事件。

顺便说一句:这个技巧可以应用于许多资源，例如图像。