h5-video,视频在微信里变形、有黑边
2024-09-04 14:34:30
如这种情况：
微信可谓是video标签的重灾区，如果你兼容了安卓的微信，那么在其他浏览器一般也没问题了除了个别（IE：你们看我干吗？）。
解决方案：
<video src="video/1.mp4" width="100%" height="100%"
style="object-fit:cover;" id="video" type="video/mp4" webkit-playsinline playsinline preload="load">
</video>
主要是object-fit要设置为：cover，再加上宽高为100%。object-fit最好不要是fill，因为fill会让视屏充满容器，可能导致视屏变形。
这样视屏就能自动撑满容器，并且按比例伸缩。
最新文章
- JS魔法堂：Data URI Scheme介绍
- Windows 7 常用快捷键
- spring mvc 使用ehcache
- Lucene.net站内搜索—6、站内搜索第二版
- VS重新生成后仍然执行旧代码
- Ajax-goahead局部刷新页面
- iPhone 6出现后,如何将一份设计稿支持多个尺寸？
- java中的数据库事务处理
- jquery 的日期时间控件（年月日时分秒）
- 【iOS开发-72】设置状态栏的两种方式、程序生命周期以及更好地理解几大类（对象）之间的关系
- 【ADT】链表的基本C语言实现
- 《JavaScript高级程序设计》读书笔记 ---数据类型
- php curl实现get和post请求
- 2018-2019-2 网络对抗技术 20165239Exp3 免杀原理与实践
- 笔记：Zygote和SystemServer进程启动过程
- kali 创建快捷方式的方法
- TensorFlow学习---tf.nn.dropout防止过拟合
- Windows下MFC程序利用LockCop解决死锁
- java多态性方法的重写Overriding和重载Overloading详解
- stdafx.h、stdafx.cpp是干什么用的？为什么我的每一个cpp文件都必须包含stdafx.h？ Windows和MFC的include文件都非常大，即使有一个快速的处理程序，编