写在前面的话:
昨天晚上无意间在土豆首页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就解决问题,大概意思是,让播