flash视频播放jw player的使用流程(与rails的整合)

13 篇文章 0 订阅
4 篇文章 0 订阅
  1.  下载文件
    http://www.longtailvideo.com/players/
  2. 将jwplayer.js 和 player.swf 文件复制到 public 目录下
    cp jwplayer.js to  javascripts/
    cp player.swf to  public/jwplayer
  3. code  加载jwplayer文件
    <%=javascript_include_tag "jwplayer" %>
  4. 简单的启动代码如下
    jwplayer("container").setup({ autostart: true, controlbar: "none", file: "/videos/video.mp4", duration: 57, flashplayer: "/jwplayer/player.swf", volume: 80, width: 720 });
  5. 可以使用plugin参数,设置hd高清视频和google统计
    参考代码
    plugins: { hd: { file: "/videos/video_high.mp4", fullscreen: true }, gapro: { accountid: "UKsi93X940-24" } },
  6. 皮肤下载地址
    http://www.longtailvideo.com/addons/skins
  7. 如何实现jwplayer的直播模式?
    在播放流媒体的时候,我们希望用户不能点击暂停,因为直播的流媒体对时间的要求比较严格,暂停会出现失步。
    我的解决办法是
      events: {
                    onPause: function(event) {
                            jwplayer().play();
                    }
              }

    在点击暂停后,马上开始播放,有点取巧。
    完整的代码如下
        jwplayer(options.id).setup({
              flashplayer: "/jwplayer/player.swf",
              autostart: autostart,
              file: url,
              stretching: 'fill',
              controlbar: 'bottom',
              skin: '/jwplayer/skins/glow.zip',
              width: width,
              height: height,
              events: {
                    onPause: function(event) {
                            jwplayer().play();
                    }
              }
    
  8. jwplayer的wiki
    http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference#Events





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值