海康视频 iframe layui 弹窗 偏移

2 篇文章 0 订阅

最近升级老系统的海康视频到v1.4,遇到layui的弹窗弹出的iframe视频框,不能随拖拽而变换位置。
问题是因为海康视频插件不支持随屏幕变化而自适应。需要手动控制。文档中已明确指出。
修改后的代码已上传github
在这里插入图片描述需要在插件初始化和拖拽时,设置偏移位置自适应。
在弹窗的sucess、moveEnd(拖拽)方法中自动刷新偏移量。

var offsetLeft=layero.find('iframe')["prevObject"][0].offsetLeft

offsetLeft为弹窗的最上层iframe
在这里插入图片描述success、moveEnd中如此设置便可
在这里插入图片描述

浏览器窗口尺寸变化

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Delphi是一种基于Object Pascal语言的集成开发环境(IDE),主要用于开发窗口应用程序和数据库操作。而海康是一家专门从事视频监控设备生产的公司,其产品广泛应用于各种场景,如城市交通管理、安防监控等。在Delphi中使用海康视频转码的话,可以通过调用海康的API来实现。 CSDN是中国最大的专业IT社区和服务平台,提供技术论坛、资源下载、技术博客等服务,其中也可以找到与Delphi和海康视频转码相关的资料和教程。在CSDN上,我们可以通过搜索关键词"Delphi 海康视频转码"来获取相关的文章和代码。 实现Delphi与海康视频转码的步骤大致如下: 1. 首先,需要从海康官方网站上下载并安装海康SDK,其中包含了与海康视频转码相关的开发包和文档; 2. 在Delphi中创建一个新的项目,并引入海康SDK中的相关库文件; 3. 编写Delphi代码,调用海康的API来实现视频转码的功能。具体的调用方法和参数可以查阅海康SDK的文档,通过API来操作视频转码; 4. 运行该Delphi项目,即可实现对海康视频的转码操作; 5. 在CSDN上搜索关键词"Delphi 海康视频转码",可以找到更多使用说明和示例代码,可以参考这些文章来开发自己的视频转码应用。 总的来说,通过Delphi与海康视频转码的结合,我们可以利用Delphi的开发优势和海康视频转码的功能来实现各种视频处理需求。而CSDN上也有大量的相关资源和社区讨论,可以帮助我们更好地了解和应用这些技术。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值