登录
首页 >  文章 >  前端

H5S视频平台自定义窗格显示不全怎么办?

时间:2024-12-14 15:13:01 155浏览 收藏

积累知识,胜过积蓄金银!毕竟在文章开发的过程中,会遇到各种各样的问题,往往都是一些细节知识点还没有掌握好而导致的,因此基础知识点的积累是很重要的。下面本文《H5S视频平台自定义窗格显示不全怎么办?》,就带大家讲解一下知识点,若是你对本文感兴趣,或者是想搞懂其中某个知识点,就请你继续往下看吧~

H5S视频平台自定义窗格显示不全怎么办?

h5s视频平台自定义窗格显示不全的解决方法

在使用h5s视频平台自定义窗格时,可能会遇到窗口显示不完整的情况,例如:

<div id="kjgsp"   style="max-width:100%">
  <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>

修改后,窗口将可以完整显示。

以上就是《H5S视频平台自定义窗格显示不全怎么办?》的详细内容,更多关于的资料请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>