Hi there,
We need you to create a two column angular.js application for us that will display a YouKu video player in the first column, and a list of youku video titles in the right column. When a Youku video title is clicked, the Youku video should load in the Youku player.
Ideally, we would like the Youku player to be an HTML5 player, however, if this is not possible, you can display the Youku flash player.
The video player should be created by use as a custom angular.js directive, and should give us access to the Youku Player API.
If you don't know already, Youku is the Chinese version of Youtube.
Once created, your custome angular directive should look like:
<youku videoid="someyoukuvideoid"></youku>
Please look at:
[login to view URL]
To see the Youku api in more detail.
Below is the sample javascript for youku
<div id="youkuplayer" style="width:480px;height:400px"></div>
<script type="text/javascript" src="[login to view URL]">
player = new [login to view URL]('youkuplayer',{
styleid: '0',
client_id: 'YOUR YOUKUOPENAPI CLIENT_ID',
vid: 'Replace the Youku Video ID',
events:{
onPlayerReady: function(){ /*your code*/ },
onPlayStart: function(){ /*your code*/ },
onPlayEnd: function(){ /*your code*/ }
}
});
function playVideo(){
[login to view URL]();
}
function pauseVideo(){
[login to view URL]();
}
function seekTo(s){
[login to view URL](s);
}
function currentTime(){
return [login to view URL]();
}
</script>