iframe实现点击全屏显示

使用iframe实现点击全屏显示，需要在iframe标签上添加allowfullscreen属性，并且在iframe的父容器中添加全屏样式。同时在点击事件中，调用全屏方法requestFullscreen()即可。

示例代码如下：

HTML部分：

<div class="fullscreen">
  <iframe src="your_url" frameborder="0" allowfullscreen></iframe>
</div>

CSS部分：

.fullscreen {
  width: 100vw;
  height: 100vh;
}

.fullscreen iframe {
  width: 100%;
  height: 100%;
}

JS部分：

var fullscreen = document.querySelector('.fullscreen');
var iframe = fullscreen.querySelector('iframe');

fullscreen.addEventListener('click', function() {
  iframe.requestFullscreen();
});