html在一个页面显示另一个页面的部分内容

时间:2023-03-08 16:23:33

老板今天让在网站上面显示实时监控画面,研究了一早,找了个简单的方法

先把监控分享在网上(我使用的海康威视摄像头,分享到萤石直播http://square.ys7.com/square/index.jsp),然后在自己的网站上面截取视频部分就可以了。

下面是自己的代码:

<body>

<div align="center" style="margin:0 auto;">

    <div style="width:800px;height:600px;overflow:hidden;border:0px">
<div style="width:500px;height:800px;margin:-153px 0px 0px -10px;">
<iFrame src=" http://square.ys7.com/square/play.action?cameraId=306756" width="850" height="550" scrolling="no">
</iFrame>
</div>
</div>
</div> <div align="center" style="margin:0 auto;"> <div style="width:800px;height:600px;overflow:hidden;border:0px">
<div style="width:500px;height:800px;margin:-153px 0px 0px -10px;">
<iFrame src=" http://square.ys7.com/square/play.action?cameraId=299426" width="850" height="550" scrolling="no">
</iFrame>
</div>
</div>
</div>
</body>