说明:我的一个客户想要在他的响应网站上运行一个背景视频。不过,他也想为平板电脑/移动用户删除它。我知道这可以通过媒体查询来完成,但是视频仍然会作为DOM的一部分加载,这正是我想要防止的。
问题:
谢谢你的帮助。
发布于 2014-07-07 13:13:49
请参阅this answer以检测您是否在移动设备上。
然后,使用此测试,您可以使用.hide()
使用jQuery,或者将其src
属性设置为""
,以确保它没有下载。
发布于 2015-08-20 07:39:26
基于移动维度使用$('video').remove()
。这将从网页中删除DOM元素。所以它不会在html中呈现。
发布于 2021-07-29 17:39:57
不确定这是否有帮助,但这个片段将停止视频播放在移动设备上,你也可以在这里静音,它应该在这里显示后备img。
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();
}
})
https://stackoverflow.com/questions/24609127
复制相似问题