如何嵌入实时跟踪网页livefromspace.com

Question

如何嵌入整个实时跟踪网站livefromspace.com？

当我转到livefromspace.com时，没有选项可以分享＆gt;嵌入代码以复制到网页

我已经尝试使用谷歌搜索解决方案，甚至发布在Web开发网站上，但他们暂时搁置，即使我非常清楚我要问的是什么。

非常感谢任何指导！

介绍页面和实时页面都有相同的IP地址，www.livefromspace.com。当您点击＆＃34;探索地球＆＃34;在介绍页面上，它会将您带到实时页面。但是，我注意到当我将鼠标悬停在＆＃34;探索地球＆＃34;时，浏览器的左下角显示www.livefromspace.com/＃！，但是当我将其输入到由Anuj Yadav提供的iFrame代码，我仍然可以获得介绍页面，请参见下面的照片

Answer 1

您可以使用IFrame将网页嵌入您的网站。

<style>
.embed-container 
{ 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%; 
}
</style>

<div class='embed-container'>
    <iframe src='http://livefromspace.com' frameborder='0' allowfullscreen>

    </iframe>
</div>

选中此Fiddle