Githu 开源视频播放器集合，以及视频背景解决方案

随着 Flash 的衰落 和 移动设备的爆炸式增长，越来越多的内容正在以 HTML5 视频的方式发布。你可以通过 用 HTML5 视频片段代替 GIF 动画 的方式来优化你的网站速度。然而，视频文件本身就有大量可优化的地方，你可以借此提升它们的性能。 其中最重要的一点是视频文件…

最近几周接连做完了酷家乐大学的直播页面和视频播放页改版，过程中有一些探讨与思考值得记录一下，本文会介绍实现一个 Web 视频播放器的过程。 前方提示1：本文不会着重在 Web 视频播放器的实现细节上。 前方提示2：本文要讲的 Web 视频播放器，不涉及底层实现，或者是关于视频格…

打开链接的时候，却显示了404，查阅了资料，才知道这是视频”分段缓冲播放“处理，通过 MediaSource 和 createObjecturl 的配合。

此篇文章，主要是总结我在项目中遇到的一些坑，也为后面的小伙伴在使用 video 标签时，提供一些思路和方法。移动端 HTML5 使用原生 <video> 标签播放视频，目前正被广泛的使用，虽然在各个平台上存在各种各样的兼容问题，给开发者带来不小的障碍，不过根据前人的经验，我们还是能从中找到蛛丝马迹来解决在开发中遇到的问题。

看起来是不是特别简单粗暴，乍一看好像也是就是不到一小时的工作量，却让我足足熬到了深夜两点钟，说起来都是泪~~。这期间遇到了不少问题，我都会在下面一一列举（以下所说的浏览器均为移动端浏览器，不再一一标注）。 众所周知，html中video的autoplay在移动端浏览器上基本失效…

videojs 是广泛使用视频播放器，提供丰富的默认功能，同时扩展性极高，默认支持 HLS 和 DASH 播放，也有很多第三方开源插件，比如支持 FLV 播放的插件等。

安卓手机H5播放视频，HTML标签被视频覆盖1.2同层页面内播放同层页面内播放是标准的视频播放形态，在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):x5-vide

移动端Web对于Video自动播放的兼容性是在太差，尤其安卓。各种问题，各种兼容，各种心累。原创不易啊