iPhone、iPad 如何播放网页调用优酷视频?

Answer 1

在线视频一般都是基于flash和flv来实现的，而众所周知，iOS的safari不支持网页中的flash，但支持html5的video标记（显然这个时代苹果必须以某种方式支持网络视频），对于video标记，会在其区域上显示播放按钮，点按后进入全屏播放。

所以优酷等网站会针对iOS做出兼容性处理：
通过user-agent来判断用户来源，如果是iOS用户，则用video标记来替代传统object，其src的则是源地址（不是flv，而是ts包装的源，m3u8是个文本文件，其中指定了进一步的ts地址，包括一些视频分段参数等）；对于其他用户，则出于兼容性和功能性考虑，依旧使用swf播放器。
可以通过chrome开发者工具，将UA override修改为iOS来自行测试。

<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="/player/getM3U8/vid/91861269/type/flv/ts/1332059778/v.m3u8">   </video>

补充一下，一些第三方网站嵌入调用的youku视频在iOS上无法点击播放，这是因为第三方网站没有对其做上述的兼容性判断切换为video标记所致。

望采纳谢谢！