javascript - CSS 显示 : none a better solution?

标签 javascript html css wordpress dom

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

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

请分享你的想法

最佳答案

是的,颠覆你的逻辑:

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

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

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

关于javascript - CSS 显示 : none a better solution?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42749176/

相关文章:

javascript - 表排序器未生效

javascript - 如何计算第二个和第三个点的去向以便使用点创建一个环?

javascript - 如何让 Google Chrome 在页面加载时将光标置于此 textarea 元素中?

html - Golang 创建主布局网页

jquery - 显示没有模态框的 Bootstrap 3 灰色背景

html - 为什么设置 <select> 和 <option> 元素的样式如此困难?

jquery - 将多个图像(带标题)对齐到基线,所有不同的高度

javascript - Jquery cookie 总是返回 1

javascript - 将输入添加到 html 表单,使用 javascript

javascript - setInterval() 的动态变量名称