如题,更改src里面的url即可

<div style="position: relative; padding-top: 56.25%; height: 0; overflow: hidden;">
    <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
            src=" " 
            frameborder="0" 
            allowfullscreen>
    </iframe>
</div>


如果有边框的话使用下面的无边框iframe框架


<div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; background-color: black;">
    <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: none;" 
        src=" " 
        frameborder="0" 
        allowfullscreen="">
    </iframe>
</div>



封面来源:iframe框架


iframe相关

HTML 元素 <iframe> 表示嵌套的浏览上下文。它能够将另一个 HTML 页面嵌入到当前页面中。

每个嵌入的浏览上下文都有自己的文档并允许并且允许 URL 导航。每个嵌入式浏览上下文的导航都会被线性嵌入到顶级浏览上下文的会话历史记录中。包含嵌入内容的浏览上下文称为父级浏览上下文顶级浏览上下文(没有父级)通常是由 Window 对象表示的浏览器窗口。

警告: 页面上的每个 <iframe> 都需要增加内存和其他计算资源,这是因为每个浏览上下文都拥有完整的文档环境。虽然理论上来说你能够在代码中写出来无限多的 <iframe>,但是你最好还是先检查是否存在性能问题。

来源:<iframe>:内嵌框架元素 - HTML(超文本标记语言) | MDN