先上代码,然后再讲解一下代码为啥是这样写的;
以上是html部分;
js部分代码:
function start_play(){
$.getScript('http://player.youku.com/jsapi',function(){
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: 'c1ae14be1675ebc1',
vid: 'XNzc0NTYyNzI4',
autoplay: true,
show_related: false
});
});
}
在网页里我们可以先放一个设计好的视频封面图,这样我们就可以改变优酷默认在视频静止时候的图片;页面的美观度可以把握;
js代码首先您得在网页里面引入jquery库;
getScript 是jquery动态加载js文件的函数,它接收一个 回调 函数,js文件加载成功后,执行回调 函数;
我们在回调函数里new 一个优酷播放对象YKU.Player;给对象初始参数,参数 中vid 就是你的视频id,这个id从优酷视频源的地址中获取。
到这里,就在网页里插入了优酷视频,这个视频默认是不播放,等用户点击 视频封面图后,加载视频并播放。