iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容
iframe常用属性:
1.frameborder:是否显示边框,1(yes),0(no)
2.height:框架作为一个普通元素的高度,建议在使用css设置。
3.width:框架作为一个普通元素的宽度,建议使用css设置。
4.name:框架的名称,window.frames[name]时专用的属性。
5.scrolling:框架的是否滚动。yes,no,auto。
6.src:内框架的地址,可以使页面地址,也可以是图片的地址。
7.srcdoc , 用来替代原来HTML body里面的内容。但是IE不支持
8.sandbox: 对iframe进行一些列限制,IE10+支持
<div class="videoShow" id="videoShowBox" v-if="isShow">
<iframe
frameborder="0"
:src="videoShowSrc"
width="100%"
height="100%"
id="ysOpenDevice"
allowfullscreen
>
</iframe>
</div>
/**
* @description: 视频监控
*/
getInitVideo() {
/* 获取播放器元素 */
var player = document.getElementById("ysOpenDevice").contentWindow;
/* iframe 支持方法 */
player.postMessage(
"play",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 播放 */
player.postMessage(
"stop",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 结束 */
player.postMessage(
"capturePicture",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 截图 */
player.postMessage(
"openSound",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 开启声音 */
player.postMessage(
"closeSound",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 关闭声音 */
player.postMessage(
"startSave",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 开始录制 */
player.postMessage(
"stopSave",
"https://open.ys7.com/ezopen/h5/iframe"
); /* 结束录制 */
},
萤石开发技术资料 详见网址:https://open.ys7.com/cn/s/index
开发文档 详见网址:https://open.ys7.com/doc/zh/
设备接入文件资料 详见网址:https://open.ys7.com/live.html