JavaScript 阻止360浏览器小窗录屏

一缕浮尘

已于 2023-09-13 15:15:49 修改

阅读量580

点赞数

文章标签： javascript 前端开发语言

于 2023-09-13 15:15:01 首次发布

本文链接：https://blog.csdn.net/jiaoqingbin/article/details/132854704

版权

本文介绍了如何通过JavaScript监听窗口大小变化，检查`.snow-container`元素的`overflowY`值，以适应不同屏幕尺寸。当窗口过小导致内容隐藏时，会移除视频播放器并提示用户在大窗口下观看。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//为body添加class
document.getElementsByTagName('body')[0].className = 'snow-container'; 
//检查窗口变化
window.addEventListener("resize", () => {
  const snowContainer = document.querySelector(".snow-container");
  const overflowYValue = this.getOverflowY(snowContainer);
  if(overflowYValue=="hidden"){
    //移除播放器DOM节点
    var element = document.getElementById('player');
    // 从 DOM 中移除该元素
    element.parentNode.removeChild(element);
    //警告用户
    alert('不支持在小窗口播放，请关闭小窗口重新刷新网页重试！');
  }
});
getOverflowY(element) {
  const style = window.getComputedStyle(element);
  return style.overflowY;
},