解决H5S视频平台自定义窗格显示不全的问题？

作者站长头像
站长
· 阅读数 49

使用H5S视频平台自定义窗格时，窗口显示不完整？我这边目前实现的效果解决H5S视频平台自定义窗格显示不全的问题？

官方文档解释解决H5S视频平台自定义窗格显示不全的问题？

<div id="kjgsp" style="width: 470px; height: 365px; position: fixed;top: 10px;right: auto;left: 20px;z-index: 1;">
      <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;">
          <iframe id="viedeokjg" :src="kjgurl" style="width:100%;height:100%"></iframe>
        </div>
      </el-dialog>
    </div>
回复
1个回答
avatar
test
2024-06-19

高度不够

<div id="kjgsp" style="width: 470px; height: 365px; position: fixed;top: 10px;right: auto;left: 20px;z-index: 1;">
      <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>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容