Question

h5 video 视频播放开发 和 问题集合

Answer 1

一共支持三种格式： Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。

重点：比如MP4格式，MP4只是一个容器，里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

补充： 有时会出现视频封面无法铺满的情况，需要使用 object-fit 属性铺满整个屏幕

如果是PC电脑上，完全可以用video标签controlsList属性，修改成如下即可！

//去除右键事件

https://www.jianshu.com/p/23f9dbfab563

https://blog.csdn.net/weixin_45266779/article/details/120990591

https://www.cnblogs.com/congxueda/p/15091316.html

https://www.cnblogs.com/liuxianan/p/html5-video-resize.html

Obj-C中，需要添加配置webview.allowsInlineMediaPlayback = YES;
Swift请查找相关API进行配置。

开发5+App，需要在manifest.json的plus节点下新增allowsInlineMediaPlayback节点为true。

安卓监听进入全屏的事件：

IOS监听进入全屏的事件：