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

标签：

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

5 条评论 分享

按投票排序按时间排序

6 个回答

赞同4反对，不会显示你的姓名

寒塘渡月，借我一生 与梦私奔 http://sometime.me

陶铖、知乎用户、范红振 等人赞同

在线视频一般都是基于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标记所致。

编辑于 2012-03-19 12 条评论        

赞同0反对，不会显示你的姓名

陈甫鸼，生长于闽，求学入秦，漂泊适燕，实秦人也。

受邀但无法回答。从未做过前端开发。抱歉。

今天做了一些实验。实验表明优酷现在已经支持safari上直接播放视频，我估计是优酷已经升级到HTML5了，所以不太明白问题原意为何。同等高手回答。

发布于 2012-03-18 1 条评论        

赞同0反对，不会显示你的姓名

范红振，WEB 前端开发 JS HTML DIV+CSS PHP .NET …

首先找到视频的ID，然后按照下面的地址方式调用即可

http://v.youku.com/player/getRealM3U8/vid/XMjUzMzUxNzQ4/type/video.m3u8
或者
http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8
调用html
<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8"> </video>

编辑于 2012-12-17 1 条评论        

赞同0反对，不会显示你的姓名

张华平，编程

您知道怎么做ipad上的视频（video标签）吗？我纠结这个问题好久了

发布于 2013-01-11 添加评论        

赞同0反对，不会显示你的姓名

郭泽宇

去 http://open.youku.com 去获取代码，iPhone和iPad将使用html5 的<video> 电脑还是Flash。
中国IP进入这个视频加载的就是优酷了
http://v.ze3kr.com/year/2014/#video

发布于 2014-09-13 添加评论        

赞同0反对，不会显示你的姓名

小师师，简单可依赖，爱生活，爱互联，更爱知乎@…

safari浏览器当然是用html5去调用了,具体方法为：
<video source="http://XX“ controls loop></video>等等,格式ogg等

发布于 2012-03-18 2 条评论        

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

标签：

原文地址：http://my.oschina.net/bankofchina/blog/383464