YOUKU播放器 研究

写在前面的话:
昨天晚上无意间在土豆首页logo处有个视频弹出,原来是土豆新的推广视频方式。 兴趣来了,就模仿了一个。
本文基于优酷开放平台API撰写。介于使用土豆开放平台一个参考。

土豆大概预览图(无沟你们怎么会进来呢?(☆_☆)/~~)

准备工作

优酷开放平台 - 工具箱 http://open.youku.com/tools


如截图所示,YOUKU大大们只提供简单几个配置参数和方法,完全达不到能隐藏控制条循环播放效果。
于是研究起源码之路。

实例化一个播放器对象

player = new YKU.Player('youkuplayer',{
    styleid: '0',
    client_id: 'YOUR YOUKUOPENAPI CLIENT_ID',
    vid: '替换成优酷视频ID'
});

得到如下所示:(截图)

1、 隐藏控制条
于是就找到隐藏控制条方法,调用 player.hideControls() 就行

2、 循环播放
优酷播放器开发API没有提供循环播放接口,但是想到一种比较hack写法.
在播放结束的时候,继续播放。但是直接调用继续播放player.playVideo();,视频画面会卡住,影响体验。在结束加一个setTimeout就解决问题,大概意思是,让播

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值