登录
首页 >  文章 >  前端

H5S 视频平台自定义窗格显示不完全,如何解决?

时间:2024-11-19 18:57:52 184浏览 收藏

偷偷努力,悄无声息地变强,然后惊艳所有人!哈哈,小伙伴们又来学习啦~今天我将给大家介绍《H5S 视频平台自定义窗格显示不完全,如何解决? 》,这篇文章主要会讲到等等知识点,不知道大家对其都有多少了解,下面我们就一起来看一吧!当然,非常希望大家能多多评论,给出合理的建议,我们一起学习,一起进步!

H5S 视频平台自定义窗格显示不完全,如何解决?

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

在使用 h5s 视频平台自定义窗格时,可能会遇到窗口显示不完全的情况。根据官方文档的解释,当窗口高度过低时,iframe 将无法完全显示。

解决方法:

调整 iframe 的高度,确保其能够完整显示。修改后的代码如下:

<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>

好了,本文到此结束,带大家了解了《H5S 视频平台自定义窗格显示不完全,如何解决? 》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

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