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

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

准备工作

优酷开放平台 - 工具箱


如截图所示,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就解决问题,大概意思是,让播放器设置回归初始值就有个时间差的。

player = new YKU.Player('youkuplayer',{
    ... other
    ,events:{
        //播放器结束播放时调用
        onPlayEnd: function ()