第三方网站嵌入的优酷视频如何支持IPad、IPhone

有时候第三方网站会需要播放优酷的视频一般都这样嵌入:

<embed id="" height="356" allowscriptaccess="never" width="500" quality="high" src="http://player.youku.com/player.php/sid/XNTUzMTg2NDYw/v.swf" type="application/x-shockwave-flash">


这样的代码在普通pc设备下正常浏览、观看是没有问题的。但是在IOS或者android设备(例如:IPad,Iphone)上就不行了,页面会显示一片空白

在移动互联网如火中天的时代 ,这样显然是不可接受的。下面提供我自己的解决方案~


1、首先去http://open.youku.com/(优酷开放平台) 注册一个开发者帐号并创建一个应用 获取优酷提供给你的AppKey

2、利用申请到的这个APPkey使用优酷提供的“优酷通用播放器”,您可以将视频嵌入到任意页面和设备中,这样视频就可以被各种终端用户观看,包括PC浏览器,iPad和iPhone,较高版本Android平板和手机。优酷播放器现在只有在线播放能力,不提供播放离线文件的功能。

3、把优酷提供的视频播放代码 替换原来的object代码

   <div id="youkuplayer" style="width:940px;height:510px;"></div>
<script type="text/javascript" src="http://player.youku.com/jsapi">
player = new YKU.Player('youkuplayer',{
        client_id:'6c1c8a9ed1e2fcb9',//这是在优酷开放平台申请的Appkey 请不要修改
         vid:'XNjM5Njc1NjY4'
    }
); 
</script>


4、如何获取优酷的视频ID 

 http://v.youku.com/v_show/id_XNjY2MjYxOTEy.html

这个视频链接里高亮的部分就是所谓的视频ID了

你把这个提取出来 放进vid就可以了。


就这样 。用你的IPad试一下 是不是可以了?

/***********2014.01.16更新*************/

现在的这个方案 只能播放前10分钟 ,播放完整版需要安装优酷的app,优酷很无耻。以前是不用的,我也是最近才发现。



分享至
2014-01-26 发布 ┊ 24218 人浏览 ┊ 4 人评论 ┊ 来源:原创 ┊ 收藏
回复
  • # 1断魂 2014-07-23 18:53┆
    感谢楼主平台!
    火柴:
    @断魂 呵呵
  • # 2chuohaogulang 2014-08-12 14:09┆
    感谢楼主平台!值得学习借鉴...更值得收藏方法....
  • # 3峥嵘 2016-07-24 16:38┆
    vid:'XNjM5Njc1NjY4' 这里的ID 应该用什么变量代替呢?
你好,请 登录 或者 注册 后再进行评论。

源码分类 >>

热门标签 >>

赞助商广告 →_→

返回顶部