前言
众所周知,16 年无疑是直播行业的春天,同时也是 H5 的一次高潮。
so,到现在用 H5 技术在移动端做网页直播也是见怪不怪了,但是!!!今天我们的主角是 webApp 下播放视频。
参考文献:
1)HTML5+CSS3+JQuery 打造自定义视频播放器
2)mui Html5 Video 实现方案
3)移动端HTML5 video 视频播放优化实践
搬好凳子看 HTML
首先我们在 HB 下创建一个新的 app 项目,名称为「欠债」
新建一个 video.html
webkit-playsinline:在 ios 中,加入此属性,可以关闭自动全屏播放
object-fit:fill:视频充满 video 容器的大小
详细理由请看参考文献 2/3
在此我们向项目里放置一个 mp4 格式的视频,视频内容不限,可以是小动画,也可以是