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

Question

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

当我访问livefromspace.com时，没有选项“共享”>“嵌入代码以复制到网页”

我曾尝试在谷歌上搜索解决方案，甚至发布在 Web 开发网站上，但他们将其搁置，尽管我非常清楚我要问的是什么。

非常感谢任何指导!

介绍页面和实时页面都有相同的IP地址，www.livefromspace.com。当您点击介绍页面上的“探索地球”时，您将进入实时页面。但是，我注意到，当我将鼠标悬停在“探索地球”上时，浏览器的左下部分显示 www.livefromspace.com/#!，但是当我将其输入 Anuj 给出的 iFrame 代码时Yadav，我仍然看到介绍页面，请参阅下面的照片

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