当前位置:首页 > 文章列表 > 文章 > 前端 > H5S视频平台自定义窗格显示不完整怎么办?

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

2024-12-19 12:07:00 0浏览 收藏

你在学习文章相关的知识吗?本文《H5S视频平台自定义窗格显示不完整怎么办?》,主要介绍的内容就涉及到,如果你想提升自己的开发能力,就不要错过这篇文章,大家要知道编程理论基础和实战操作都是不可或缺的哦!

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

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

使用h5s视频平台自定义窗格时,窗口可能因高度不足而显示不完整。要解决此问题,请修改以下代码:

<div id="kjgsp"   style="max-width:100%">
  <el-dialog :visible.sync="open_kjgsp" width="25%" :modal="false" :append-to-body="false" :close-on-click-modal="false" v-dialogDrag :before-close="handleDialogClose" class="model-dialog" custom-class="left-top-dialog">
    <template slot="title">
      <div class="dialog_title">可见光视频</div>
    </template>
    <div style="width: 470px; height: 307px;margin-left: -19px; text-align: center; overflow-y: hidden">
      <iframe id="viedeokjg" :src="kjgurl" style="width:100%;height:780px"></iframe>
    </div>
  </el-dialog>
</div>

元素的height属性从height: 365px;`改为height: 307px;。还需要将