HTML5页面让iframe自适应窗口，视频可以全屏播放

美奇开发工作室

已于 2022-08-01 22:53:44 修改

阅读量1.2k

点赞数 2

分类专栏： # HTML5 文章标签： html5 javascript 前端

于 2022-08-01 22:49:51 首次发布

本文链接：https://blog.csdn.net/qq15577969/article/details/126111758

版权

HTML5 专栏收录该内容

15 篇文章

订阅专栏

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频教程</title>
	</head>
	<body>
		<iframe id="frameMain" width="100%" height="750px" frameborder="0" src="https://www.ixigua.com/iframe/7120044274263163395?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
		<script type="text/javascript">
			document.getElementById('frameMain').style.height = document.body.clientHeight; 
		</script>
	</body>
</html>