首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >移动用户删除html5视频背景的最佳方法是什么?

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

Stack Overflow用户
提问于 2014-07-07 11:05:06
回答 4查看 13.1K关注 0票数 10

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

问题:

  1. 在以一定宽度加载视图端口时,可以使用JavaScript/jQuery从DOM中删除视频元素吗?
  2. 当视图端口被手动增加时,可以恢复相同的视频吗?(我怀疑这是一种糟糕的做法)
  3. 带有“display:none”的视频还会影响平板电脑/手机上的加载/电池时间吗?

谢谢你的帮助。

EN

回答 4

Stack Overflow用户

发布于 2014-07-07 13:13:49

请参阅this answer以检测您是否在移动设备上。

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

票数 2
EN

Stack Overflow用户

发布于 2015-08-20 07:39:26

基于移动维度使用$('video').remove()。这将从网页中删除DOM元素。所以它不会在html中呈现。

票数 2
EN

Stack Overflow用户

发布于 2021-07-29 17:39:57

不确定这是否有帮助,但这个片段将停止视频播放在移动设备上,你也可以在这里静音,它应该在这里显示后备img。

代码语言:javascript
运行
复制
const video = document.querySelectorAll('video')
              video.forEach(data=>{
                data.volume = 0 //mute audio
                console.log(data);
                  if (window.innerWidth <= 768) {
                      
                      data.autoplay=false; or //data.remove()
                  } else {
                      data.play();
                  }
                }) 

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24609127

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档