APP打开的那种视频用H5怎么搞的？

Question

比如今日头条、微信公众号之类的，刚进去会有一个视频动画（不是系统自带播放器），还会有些字，这个是用h5如何实现的？听别人说是抽帧之类的，有大神说说嘛？

Answer 1

谢邀.

今日头条我不太清楚，微信公众号好像没有一进去就是视频的吧……除非你看的是朋友圈广告，最近用视频的案例还挺多的，这个直接去搜微信广告就行。

用H5来表现的话也是视频，需要用抽帧做是因为微信对inline-video的支持一直有问题（主要是安卓这边），而且全屏视频还会出控制条、出下载、占据顶层这些坑，所以相对比较短的视频可能会考虑用“逐帧图片+音乐”的方式来做，但如果视频本身比较长，这个资源量就相当可怕了……另外逐帧的话图片通常会压缩下，尽量缩小整体的资源量，这样“视频”画质可能也会受影响，还有就是由于图片和声音是分开的，一旦音画不同步就会整段垮掉……

大概是去年底今年初的样子吧，微信自己新出了个视频同层规范，貌似效果还可以，做这块的话可以去了解下。

欢迎入坑~~~

---

参考：

1. TBS官网 - 技术指南 - 音频/视频

2. H5微信播放全屏问题

3. 关于如何在微信里面让video不全屏播放

4. 视频H5のVideo标签在微信里的坑和技巧

Answer 2

https://github.com/shaomingwe...