iPhone iPad 如何播放网页调用优酷视频，是网站挂优酷土豆视频，然后又要兼容移动终端。

 

safari浏览器当然是用html5去调用了,具体方法为：

 

<video tabindex="0" source="http://XX“ controls loop>等等,格式ogg,mp4等

 

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

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

 

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

 

src="/player/getM3U8/vid/91861269/type/flv/ts/1332059778/v.m3u8" 这个地址怎么找到

 

方法很多了，直接chrome审查元素看看源代码就有了咯，或者看看开发工具的资源加载嗅探

 

找到视频地址 还是不能播放 不知道您测试过没有

 

#EXTM3U

#EXT-X-TARGETDURATION:30

#EXT-X-VERSION:2

#EXT-X-DISCONTINUITY

#EXTINF:10,

f.youku.com/player...

#EXTINF:20,

f.youku.com/player...

#EXTINF:14,

f.youku.com/player...

#EXT-X-ENDLIST

 

访问以下地址即可下载，视频为1.78M：f.youku.com/player...

 

注意它是分段的，所以自己修改起止点为start=0&end=48。

其实做技术要摸索钻研的，需要学而思，千万别给一个点一下没反应即认为不行，顺藤摸瓜多分析多试试。

 

另外播放前把flv后缀改为原来的ts

 

武汉网站建设-奕创广告整理总结