项目上有个需求，html页面展示多个视频，视频的提供方式是一个html页面，需要将视频页面使用iframe的方式嵌入到展示页面。
html视频页面（video.html），内容如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.1" />
<title>视频播放页面</title>
<style>
*,body,html{
margin: 0;
padding: 0;
overflow: hidden;
line-height: 0px;
}
body{
background-color: rgb(248, 244, 244);
}
</style>
</head>
<body>
<video controls>
<source src="video.mp4" type="video/mp4">
</video>
</body>
</html>