
h5s视频平台自定义窗格显示不全的解决方法
在使用h5s视频平台自定义窗格时,可能会遇到窗口显示不完整的情况,例如:
<div id="kjgsp" style="width: 470px; height: 365px; ...">
<el-dialog :visible.sync="open_kjgsp" ...>
<template slot="title">可见光视频</template>
<div style="width: 470px; height: 307px;margin-left: -19px;">
<iframe id="viedeokjg" :src="kjgurl" style="width:100%;height:100%"></iframe>
</div>
</el-dialog>
</div>这时,需要检查是否由于高度不足造成的。上面代码中的高度为307px,过小会导致iframe无法完全显示。因此,需要将其修改为更高的值,例如:
<div id="kjgsp" style="...; height: 670px;">
<el-dialog :visible.sync="open_kjgsp" ...>
<template slot="title">可见光视频</template>
<div style="...; height: 670px; ...">
<iframe id="viedeokjg" :src="kjgurl" style="width:100%;height:780px"></iframe>
</div>
</el-dialog>
</div>修改后,窗口将可以完整显示。










