找回密码
 立即注册

QQ登录

只需一步,快速开始

YSLSX 活字格认证

中级会员

12

主题

44

帖子

558

积分

中级会员

积分
558

活字格认证

QQ
YSLSX 活字格认证
中级会员   /  发表于:2024-9-25 08:34  /   查看:579  /  回复:4
688金币
本帖最后由 YSLSX 于 2024-9-25 13:37 编辑

问题描述:客户有两个海康摄像头,现需要将两个摄像头的画面集成到项目中,前几日找到了社区发的对接教程,已经可以成功打开画面,但是往项目中添加测试时,发现了问题,因为项目中使用了“标签页”组件,所以导致实际摄像头画面的位置出现了偏移,如果不使用“标签页”,则可以正确显示,想问下有没有大佬知道,如何在使用“标签页”的前提下,还能保证摄像头画面不出现偏移。


附带几张图,做的简单demo重现了一下场景:
一、使用“标签页”的情况



二、不使用“标签页”,直接选择母版页的情况



其他补充:不光是“标签页”会出现这种情况,经测试,“页面容器”、“选项卡”、“嵌入自定义html页面”等类似与主子页面的组件都有这个问题。
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

给海康售后发了邮件,回复说是因为iframe的问题,然后就搜到了这个解决方案:https://blog.csdn.net/wv112406/article/details/137234247 完美解决!

4 个回复

倒序浏览
最佳答案
最佳答案
YSLSX活字格认证
中级会员   /  发表于:2024-9-25 08:34:08
来自 2#
给海康售后发了邮件,回复说是因为iframe的问题,然后就搜到了这个解决方案:https://blog.csdn.net/wv112406/article/details/137234247
完美解决!

评分

参与人数 1金币 +5 收起 理由
Joe.xu + 5 很给力!

查看全部评分

回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2024-9-25 15:58:39
3#
楼主是加了css 控制了一下偏移是吧
回复 使用道具 举报
YSLSX活字格认证
中级会员   /  发表于:2024-9-25 16:11:36
4#
Joe.xu 发表于 2024-9-25 15:58
楼主是加了css 控制了一下偏移是吧

是的,按照文档的示例,将iframe的偏移量,设置到播放插件div的css属性上

评分

参与人数 1金币 +5 收起 理由
Joe.xu + 5 很给力!

查看全部评分

回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2024-9-25 17:35:33
5#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部