video标签视频编码和在iOS上默认全屏问题

一：video标签无法播放MP4格式视频问题

关于<video>标签所支持的视频格式和编码：

MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器

WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

通过上面的信息我们会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的<video>标签。

如果你要上传的视频编码不对可以通过格式工厂等视频工具转换。

在用video标签做视频播放时还遇到另外一个问题，视频放本地在手机上播放不了放服务器上才可以播放。

二：ios手机上video标签视频默认全屏问题

在实际应用和产品设计中并不需要自动全屏，而是用户点击全屏按钮才全屏，在video标签上加上这三个属性即可解决这个问题：

x5-playsinline="" playsinline="" webkit-playsinline=""

参考资料：http://bbs.mb.qq.com/thread-1945347-1-1.html

https://www.zhihu.com/question/36423771?sort=created

https://stackoverflow.com/questions/5054560/can-i-avoid-the-native-fullscreen-video-player-with-html5-on-iphone-or-android

https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html