博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HMTL5的 video 在IOS7中碰到的坑
阅读量:6735 次
发布时间:2019-06-25

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

直接说问题吧,

测试设备,ipod

我们在移动端播放视频的时候,一般使用H5的video标签,OK,这里有几点差异(就我目前所发现的)给大家分享一下,

1、在IOS7中,video元素是需要确定大小的(宽高都需要),否则,你就会看到一个很小的视频在那恶心你,

我们在写代码调试的时候一般是使用chrome打开的,所以感觉写完了,没定宽高,或者只定了个width:100% 什么之类的,OK没什么问题,但是拿到手机设备上确实是有问

题的,所以,要定尺寸!!!

2、在IOS7上还有一个特别让我恶心的地方就是,你的video元素就像z-index 无穷大一样,永远都会被点中,当时我测试的时候是添加一个元素:position:fixed;z-index:9999;~~~

对,不用猜,肯定失效,就是任何地方都被这个遮罩遮住了,除了video那一块,点了还是会播放视频,哎。那么后来我的解决办法是,当我产生遮罩的时候,

将video元素隐藏(方法多种),然后遮罩移除的时候将video再显示出来。

事实证明这种方法是解决了我的需求,但是,真的好恶心啊~~~

 

转载于:https://www.cnblogs.com/AlexBlogs/p/5340619.html

你可能感兴趣的文章
Introduction to ASP.NET MVC 4
查看>>
20172303 2017-2018-2 《程序设计与数据结构》结对编程项目-四则运算 第二周
查看>>
程序员需要具备哪些素质
查看>>
LCM性质 + 组合数 - HDU 5407 CRB and Candies
查看>>
CentOS6.5 配置防火墙+允许指定ip访问端口
查看>>
python测试一
查看>>
vc6.0 托盘图标
查看>>
Python之路【第十一篇】:三目运算、不同数据类型的存储方式及深浅拷贝(copy模块)、列表推导式...
查看>>
比map更强大的multimap
查看>>
JS事件中的对象
查看>>
工作流引擎Oozie(一):workflow
查看>>
repo sync下载脚本
查看>>
spfa(前向星)
查看>>
第一个js程序
查看>>
jq删除元素
查看>>
协程实现socket并发编程
查看>>
命令纠正工具 thefuck 的简单使用
查看>>
python字典结构化数据
查看>>
SQL Server附加数据库出现错误5123的正确解决方法
查看>>
插入图片、背景图片
查看>>