修改部分代码,让优酷和ckplayer可覆盖,优酷播放的部分API。

正在作一个在线教学系统。有一个功能是在线视频学习。

要求是,隔一定时间后弹出层遮盖视频,答对则继续,播放完了,修改数据,学过这章。

答错说明是挂机

主要实现为一个DIV遮盖层,遮挡优酷等在线视频。

CSS样式,position:absolute;  z-index: 780 这不用多解释了。

 

优酷播放器的官方代码(PS,我第一次作视频方面,直接贴embed,和object,查资料这两种没有直接的事件和API,有知道的还请告知)

//为回答按钮绑定提交事件
$(document).ready(

API是播放视频的API,而不是上传,登陆等。

官网上放的太少了。

自已到youku js里扒了几个。

function() {
var youkuid = $("#youkuvideoid").val();
player = new YKU.Player('youkuplayer', {
client_id: 'YOUR YOUKUOPENAPI APPID',
vid: youkuid,
events: {
'onPlayerReady': onYoukuPlayerReady, //播放器准备就绪调用
'onPlayEnd': onYoukuPlayEnd,
'onPlayStart': onYokuPlayStart
},
width: 570,
height: 300,
autoplay: true,
show_related: false
}
);

PS(autoplay: true 这个是表示自动播放,但实际根本不放……

)

若要覆盖,则需要加一个属性 <param name="wmode" value="transparent" />

 

找到优酷的JS,找到 查找<param   找到位置后加一条 <param name=wmode value=transparent> 搞定

ckeditor也是一样,要改两部分。

<param name='wmode' value='transparent'>

s += this.getparam(P)['wmode'];

var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always', wmode: 'transparent' }; //这里定义播放器的其它参数如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互。

另外还有个问题。ckeditor,能播放HTTP的URL,但FTP的URL没图像,有声音,用个软件把FTP映射成HTTP则正常。

posted @ 2013-05-04 23:20  cclient  阅读(934)  评论(0编辑  收藏  举报