html制作一个视频播放器,H5 打造属于自己的视频播放器（HTML 篇）

前言

众所周知，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 格式的视频，视频内容不限，可以是小动画，也可以是