iOS对H5 视频播放支持

Posted 2020-10-04 汪兴

一.对视频格式的要求：

html5没有规定浏览器到底应该播放哪一种格式的视频。浏览器厂商可以自行选择支持的格式。市面上几种视频编码格式:vp3、Theora、vp8、H.264....;其中Theora和vp8都是基于vp3再次开发；苹果公司使用的是H.264视频编码格式。H.264优点，编码后生成的视频文件，体积较小，画质也不错；苹果公司和微软公司，它们各自拥有一些H.264专利，所以Safari浏览器只支持H.264编码格式的视频

二.对video标签的修改

1.Safari通过使用全屏幕播放视频来优化iPhone或iPod touch上的较小屏幕的视频演示 - 触摸屏幕时出现视频控件，所以设置video的宽高只对页面上显示有效，在全屏播放时会调用苹果自带的控制组件；但是在大屏幕设备上视频是可以嵌套在页面上播放的

2.苹果出于流量损耗的考虑，禁止了那些非用户输入触发的播放动作，这意味着给 video 标签增加 preload 及 autoplay 属性都是无效的，并且也无法使用 JS 的 play() 和 load() 方法来播放和加载视频，除非是用户手动触发

3.由于视频的视频元数据加载之前是不知道的，所以如果未指定高度或宽度，则在运行ios的设备上分配150 x 300的默认高度和宽度

补充：视频编码方式就是指通过特定的压缩技术，将某个视频格式的文件转换成另 一种视频格式文件的方式