优酷播放的html代码,在网页里面嵌入播放优酷视频的js代码

先上代码,然后再讲解一下代码为啥是这样写的;

video.jpg

video_bar.jpg

以上是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从优酷视频源的地址中获取。

到这里,就在网页里插入了优酷视频,这个视频默认是不播放,等用户点击 视频封面图后,加载视频并播放。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值