修改部分代码,让优酷和ckplayer可覆盖,优酷播放的部分API。
2013-05-04 23:20
519 查看
正在作一个在线教学系统。有一个功能是在线视频学习。
要求是,隔一定时间后弹出层遮盖视频,答对则继续,播放完了,修改数据,学过这章。
答错说明是挂机
主要实现为一个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则正常。
要求是,隔一定时间后弹出层遮盖视频,答对则继续,播放完了,修改数据,学过这章。
答错说明是挂机
主要实现为一个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则正常。
相关文章推荐
- WPF学习日志1---DataGrid绑定与修改更新(数据List & 数据库)[部分代码有摘录其他文章]
- 修改frameworks/base/ 代码后,make提示“You have tried to change the API from what has been previously approv”
- Java web项目 在线网络考试密码修改部分代码
- 各大网站视频自动播放代码(优酷、搜狐、酷6、土豆等)
- 优酷、酷6、土豆网视频自动播放代码
- wince下,修改private下的代码,如何进行快速编译,比如之编译自己修改部分的代码
- s3c6410使用MFC-API进行MPEG-4格式解码及LCD播放代码注释
- 我们使用git checkout 将B分支上的部分页面代码 添加或覆盖到A分支上
- XRecyclerView实现RecyclerView下拉刷新上来加载 自己做了部分修改,使代码更简洁易用
- s3c6410使用MFC-API进行MPEG-4格式解码及LCD播放代码注释
- Java web项目 在线网络考试修改考试问题部分代码
- 安装GeoIP2以及利用GeoIP2的API开发查询函数——代码部分(可运行)
- Radmin的抓屏和显屏API代码部分分析
- 昨天的排序算法我做了修改,注释部分我省略了,代码改动部分为第69-72行
- Ajax无刷新分页偷懒版(该例子写于YII框架下,其他框架请自行修改部分代码)
- 学习Discuz! X3.2记录:对幻灯播放的进一步修改,包括css,代码
- 关于s5pv210主Makefile部分代码的分析和小的修改
- Android官方ApiDemo中animation部分代码要点整理
- Unity&网络:修改Unity High Level API源码并覆盖原生dll
- VSAN API 探索第 6 部分 – 修改虚拟机的虚拟机存储策略