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

http://www.itjxue.com  2016-09-07 11:30  来源:未知  点击次数: 

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

 

<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试一下 是不是可以了?

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章