zoukankan      html  css  js  c++  java
  • 修改部分代码,让优酷和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
    },
    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则正常。

  • 相关阅读:
    javaSE基础知识
    oracle错误分析:ora-04063:view view_test has errors
    爬虫—01-爬虫原理与数据抓取
    Web—13-判断网站请求来自手机还是pc浏览器
    Web—12-详解CSS的相对定位和绝对定位
    Web—11-手机端页面适配
    Web—10-前端性能优化
    Web—09-正则表达式
    知识储备—01-进程,线程,多线程相关总结
    Web—08-移动端库和框架
  • 原文地址:https://www.cnblogs.com/zihunqingxin/p/3060387.html
Copyright © 2011-2022 走看看