php中文网

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

php中文网

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 视频平台自定义窗格显示不完全,如何解决?的详细内容,更多请关注php中文网其它相关文章!