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

Question

解释:我的一位客户希望在他的响应式网站上运行背景视频.不过,他还希望将其移除给平板电脑/移动用户.我知道这可以通过媒体查询完成,但视频仍然会作为DOM的一部分加载,这就是我想要阻止的.

问题:

1. 在以特定宽度加载视口时,可以使用DOM中的JavaScript/jQuery删除视频元素吗？

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

3. 视频会显示"display:none;" 仍会影响平板电脑/手机的加载/电池续航时间？

谢谢你的帮助.

Answer 1

请参阅此答案以检测您是否使用移动设备。

然后，通过此测试，您可以.hide()使用 jQuery 来处理您的元素，或者将其src属性设置为""，以确保它不会下载。