javascript - 为移动用户删除 html5 视频背景的最佳方法是什么

Question

说明:我的一位客户希望在他的响应式网站上运行背景视频。但是，他还想为平板电脑/移动用户删除它。我知道这可以通过媒体查询来完成，但视频仍会作为 DOM 的一部分加载，这是我想要防止的。

问题:

1. 当以特定宽度加载视口(viewport)时，是否可以使用 JavaScript/jQuery 从 DOM 中删除视频元素？

2. 如果手动增加视口(viewport)，是否可以恢复相同的视频？ (我怀疑这是一个糟糕的方法)

3. 将带有“display:none;”的视频仍然会影响平板电脑/手机的加载/电池使用时间吗？

谢谢你的帮助。

Answer 1

参见 this answer检测您是否在使用移动设备。

然后，使用此测试，您可以使用 jQuery .hide() 您的元素，或将其 src 属性设置为 ""，确保它没有下载。