随着流量时代的到来和硬件技术的提升，越来越多的网站希望能在PC端或移动端播放自己的视频，而 <video>的兼容性的逐渐完善，使得开发者更愿意使用它来实现视频播放场景。 本篇文章主要罗列视频播放的通用场景及各场景下踩过的坑，希望能帮助开发者在遇到需求开发时能更快地选择合适的技术…

全屏h5的制作方法

手头上正好有个项目，需要做一个微信端H5视频秀的一个项目，想想好像挺简单的，由两个视频组成，播放完第一个视频后点击按钮继而播放第二个视频。好了，结果微信的坑TM的多 是的，微信有自带WeixinJSBridgeReady方法，我们只要监听它就行了，IOS完美解决。 “那个谁，把…

估计踩过微信视频这个坑的，内心都想说上一句： “神经病啊！” 而微信也终于出了个《H5同层播放器接入规范》，算是正常点了……好了闲话不说，下边进入正题： 微信在video标签上新增了一些x5的私有属性，分别是： x5-video-player-type 启用同层播放。取值固定为…

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

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