iframe视频调用自适应页面大小使用css控制（同样适合其他元素）

要使iframe内的视频自适应页面大小，可以通过监听窗口大小变化事件，并调整iframe的宽度和高度来实现。以下是一个简单的示例代码：

HTML:

<iframe id="videoFrame" src="your_video_url" frameborder="0"></iframe>

CSS:

#videoFrame {
  width: 100%;
  height: 100vh; /* Full height of the viewport */
  position: absolute;
  top: 0;
  left: 0;
}

JavaScript:

// 设置iframe的宽度和高度以适应视口大小
function resizeIframe() {
  var iframe = document.getElementById('videoFrame');
  iframe.style.width = '100%';
  iframe.style.height = '100vh'; // 视口高度
}
 
// 监听窗口大小变化事件
window.addEventListener('resize', resizeIframe);
 
// 初始化时调整iframe大小
resizeIframe();

这段代码会在窗口大小改变时调整iframe的大小，使其内部的视频也自适应页面大小。如果你需要调整其他元素，可以通过相应的DOM操作来实现。