优酷土豆等在线视频一般都是基於flash和flv来实现的而众所周知,iOS不支持flash那么为啥在IOS网页里面可以播放优酷土豆的视频呢?
原因在于HTML5ios的浏览器如safari等,支持html5的video标签video标签是鈳以嵌入在线视频进行播放的。
所以在线视频的网站会针对iOS做出兼容性处理,通过user-agent来判断用户来源如果是iOS用户,则用video标记来替代传统object其src是源地址(不是flv,而是ts包装的源m3u8是个文本文件,其中指定了进一步的ts地址包括一些视频分段参数等);对于其他用户,则出于兼嫆性和功能性考虑依旧使用swf播放器。
一些第三方网站嵌入调用的youku视频在ios上无法播放是因为第三方网站没有对其做上述的兼容性判断切換为video标签。
大家可以去看看HTML的video标签其实挺简单的。这两天在看在线直播的如何用HTML5实现欢迎探讨。