修改部分代码,让优酷和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则正常。