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

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

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

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

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

(jsp/html)网页上嵌入播放器(常用播放器代码整理) http://www.jb51.net/article/37267.htm...
网页上嵌入播放器,只要在HTML上添加以上代码就OK了,下面整理了一些常用的播放器代码,总有一款适合你,感兴趣的朋友可以参考下哈,希望对你有所帮助这个其实很简单,只要在HTML上添加以上代码就OK了 ...
html5离开网页自动暂停,通过html5代码在网页中实现播放和暂停音乐mp3,mav等文
介绍通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件的具体操作方法.这样对于用户来说,在线可播放功能能大大提高站内效率也可带来一定的流量.希望对有需要的朋友有所帮助.这里我们需要先了解 ...
jsp网页嵌入PHP网页,JSP_(jsp/html)网页上嵌入播放器(常用播放器代码整理)，这个其实很简单，只要在HTML上 - phpStudy...
(jsp/html)网页上嵌入播放器(常用播放器代码整理) 这个其实很简单,只要在HTML上添加以上代码就OK了,前提是你的电脑上已经安装了播放器,如RealPlay. 还有更多的的播放器和设置可供选 ...
java实现在网页上播放音乐,通过html5代码在网页中实现播放和暂停音乐mp3,mav等文...
web开发网为大家整理了这篇通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件,如果这篇文章在您的工作或学习中有帮助,欢迎常回来看看哦,更多精彩的教程请访问我们的主页,以下是教程浏览: ...
在网页中嵌入播放器，PDF，Word，Excel，PPT的方法
在网页中嵌入播放器,PDF,Word,Excel,PPT的方法在HTML加入Object或者Embed标签 <object classid="clsid:CA8A9780-280D ...
如何在网页中嵌入播放器
谈谈网页中如何加入音乐播放器,主要的方法有下面这么三种: 1.直接代码法这种方法最简单,只要将代码插入你想放置播放器的地方即可,但是它的缺点很显著,如果你的网站有多个网页,音乐播放器只在你加入代码 ...
（jsp/html）网页上嵌入播放器
这个其实很简单,只要在HTML上添加以上代码就OK了,前提是你的电脑上已经安装了播放器,如RealPlay. <embed src="C:/mp3/10.19/画心.mp3" ...
php网页制作中搜索框的代码,在网页里嵌入百度搜索框功能
今天发现某个网站是直接使用百度搜索作为自己网站的搜索功能的,感觉这个挺好玩的,不需要去研究复杂的搜索算法而又直接使用了百度搜索这个强大的搜索引擎为自己撑腰.无论对自己还是对用户来说都是相当不错的选择, ...
js调用android代码怎么写,Android端使用WebView注入一段js代码实现js调用android
需求:为网页上个链接增加点击事件,但是这个链接无法增加js代码 url:http://public.rongcloud.cn/view/D4F444BE2D94D760329F3CF38B4AE35C ...

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

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

最新文章

热门文章