video踩坑
2024-09-04 15:21:37
查看以及修改video控件样式,原文地址:https://blog.csdn.net/z2181745/article/details/82531686
chrome浏览器,F12调出控制台左上角三点更多有个settings,点击进去之后有个“show user agent shadow DOM”勾选刷新页面,video控件就可以查看到元素啦;
一:在移动端使用video没有写controls属性的情况下android(测试机华为p9android版本8.0)还是会在播放过程中显示控件,ios(测试机iphone6)不会显示;
在w3c官方文档中也解释啦,
二:在使用video最好外围包裹一个div其css样式overflow:hidden;否则和其下放会有间隔,猜想可能是控件会影响其高度;
三:video在移动端中间会显示一个播放按钮,在chrome浏览器上是看不到,但是在火狐浏览器是可以看到,应该是浏览器内置的样式;并且给video设置poster首屏图片 但是播放按钮还是会显示在图片上方;
四:一般的控件是可以根据video的api进行自定义样式,或者通过video+canvas实现视频播放;
目前该解决的问题,如何在没有controls的情况下使android浏览器不显示控件;
五:移动端会自动的全屏播放,加入-webkit-playsinline x5-playsinline plasysinline则不会自动全屏播放
最新文章
- 转:C#中TransactionScope的使用方法和原理
- Unity3d Web Player 与server端联网配置
- Spring实战3:装配bean的进阶知识
- Android(java)学习笔记126:Android Studio中build.gradle简介
- (转载)自己实现spring
- MYSQL之高级查询
- aJax学习之Ajax工作原理
- SQL SERVER 2012设置自动备份数据库
- An internal error occurred during: ";Building workspace";. GC overhead limit exceeded
- jdk下载以及配置
- iOS开发,这样写简历才能让大厂面试官看重你!
- Oracle 批量增加 / 批量跟新
- MySQL查询where条件的顺序对查询效率的影响<;转>;
- item 7:当创建对象的时候,区分()和{}的使用
- docker exec进程是由谁产生的
- Java快速开发平台强大的代码生成器,JEECG 3.7.5 VUE+ElementUI SPA单页面应用版本发布
- mac下多个php版本快速切换的方法
- 【learning】矩阵树定理
- USACO 1.1.3 Friday the Thirteenth 黑色星期五
- XXX培训机构Python自动化教程目录
热门文章
- think php 未登录,禁止访问页面 + 退出登录
- vue+echarts可视化大屏,全国地图下钻,页面自适应
- 28 面向对象编程 instanceof 代码 小结 父类引用指向子类对象
- 【图片+代码】:GCC 链接过程中的【重定位】过程分析
- SpringBoot 集成 knife4j (Swagger2)
- 学习SpringMVC必知必会(7)~springmvc的数据校验、表单标签、文件上传和下载
- 容器化 | 在 K8s 上部署 RadonDB MySQL Operator 和集群
- bzoj4044/luoguP4762 [Cerc2014]Virus synthesis(回文自动机+dp)
- 一个关于wait/notify与锁关系的探究
- mysql 客户无感知迁移_亿级账户数据迁移,不用数据库工具还能怎么搞?