博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一种在视频OBJECT标签上放置均分四个区域的框选方法
阅读量:6013 次
发布时间:2019-06-20

本文共 379 字,大约阅读时间需要 1 分钟。

一般在视频区域中做框样式,作应由视频插件自己来实现,但是出于其它一些原因自己琢磨了一个使用HTML标签来实现框选区域的方法,按照行外应该属于笨方法,虽然有点笨,可能在其他方面有借鉴意义,在这里拿出来跟大家分享。

对于一个视频插件OBJECT,每个边从中间点均分两份, 两个相对边的中间点之间的连线也按中间点分为两份,对于每一份定义一个div标签与其对应,为了保证每份的长度不写死,使其依赖于边的宽和高,定义每份的长度为 50%,宽度定义为1px。 使用绝对定位将每份的div,对应到视频对象的边上。

同时由于OBJECT属于窗口级别对象,对于任意div都不能显示在上层,即时定义z-index属性。为解决这个问题,经过查证后,在div内部预置一个<iframe>标签则可以解决这个问题。

下面给出演示代码,在chrome下可以看见框选有效,其样式需要再调节。

 

转载地址:http://ziyqx.baihongyu.com/

你可能感兴趣的文章
SERVLET容器简介与JSP的关系
查看>>
《服务器SSH Public Key认证指南》-补充
查看>>
[Trident] Storm Trident 教程
查看>>
我的友情链接
查看>>
[Hadoop in China 2011] 朱会灿:探析腾讯Typhoon云计算平台
查看>>
XenServer6.1更改服务器IQN和IP,DNS,网关
查看>>
linux下几种web服务器对比
查看>>
404 infiltrate team(404***小组)专用大马共享
查看>>
PHP笔记学习节选(创世纪新篇)
查看>>
Hibernate事务管理(适合新手)
查看>>
金色财经授予我区块链金牌讲师
查看>>
linux画图工具dia的安装
查看>>
mysql数据库的简单操作
查看>>
bzip2: Cannot exec: No such file or directory
查看>>
Linux Command - import
查看>>
Oracle发布Solaris 11- First Cloud OS
查看>>
我的友情链接
查看>>
Java break continue return 的区别
查看>>
Windows 7中下载安装visual c++ 6 (vc6)
查看>>
HTTP 返回状态码总结
查看>>