如何嵌入实时跟踪网页livefromspace.com
How to embed real-time tracking webpage livefromspace.com
如何嵌入整个实时跟踪站点,livefromspace.com?
当我转到 livefromspace.com 时,没有共享 > 嵌入代码复制到网页的选项
我尝试用谷歌搜索解决这个问题,甚至在 Web Development 网站上发布,但他们搁置了它,尽管我非常清楚我要问的是什么。
非常感谢任何指导!
介绍页和实时页的IP地址相同,www.livefromspace.com。当您在介绍页面点击"Explore Earth"时,您将进入实时页面。但是,我注意到当我将鼠标悬停在 "Explore Earth" 上时,浏览器的左下部分显示 www.livefromspace.com/#!,但是当我将其输入 iFrame 时Anuj Yadav 给出的代码,我仍然得到介绍页面,见下图
您可以使用 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
如何嵌入整个实时跟踪站点,livefromspace.com?
当我转到 livefromspace.com 时,没有共享 > 嵌入代码复制到网页的选项
我尝试用谷歌搜索解决这个问题,甚至在 Web Development 网站上发布,但他们搁置了它,尽管我非常清楚我要问的是什么。
非常感谢任何指导!
介绍页和实时页的IP地址相同,www.livefromspace.com。当您在介绍页面点击"Explore Earth"时,您将进入实时页面。但是,我注意到当我将鼠标悬停在 "Explore Earth" 上时,浏览器的左下部分显示 www.livefromspace.com/#!,但是当我将其输入 iFrame 时Anuj Yadav 给出的代码,我仍然得到介绍页面,见下图
您可以使用 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