2014-03-07 46 views
1

我在我的Asp.Net MVC应用程序的View上使用了jwPlayer 6.8。 我使用下列关于播放器的流视频的javascript代码:JW播放器没有显示Flash模式,也没有在Asp.Net MVC视图中显示播放器控件

var el = document.getElementById("player"); 

var player = jwplayer(el).setup({ 
      file: "W-UNIT1", 
      streamer: "rtmp://my-server/live", 
      type: "rtmp", 
      width: 383, 
      height: 300, 
      controls: true, 
      primary: "flash", 
      modes: [ 
      { type: "flash", src: '/jwPlayer68/jwplayer.flash.swf' }, 
      { type: "html5" } 
      ], 
      events: { 
       onReady: function() { 
        player.play(); 
       } 
      } 
     }); 

播放器播放视频罚款,但如果我右键点击播放器表面就说明我经常窗口的上下文菜单,但不闪像设置,全局设置菜单等 也没有控制器上出现像静音,播放/暂停等球员 当前版本我使用的是6.8版本。我的浏览器是Firefox版本27.0.1

我错过了什么?

+0

哪个版本的jwplayer正在使用?你有任何链接来检查问题? – Hitesh

+0

这是JW Player的第6版。 –

+0

任何链接或jsfiddle? – Hitesh

回答

0

你正在使用Jwplayer 6.8,然后尝试使用下面的设置,而不是你的。

jwplayer("myElement").setup({ 
    playlist: [{ 
     image: "/assets/myVideo.jpg", 
     sources: [{ 
      file: "rtmp://example.com/application/mp4:myVideo.mp4" 
     },{ 
      file: "/assets/myVideo.mp4" 
     }] 
    }], 
    height: 360, 
    primary: "flash", 
    width: 640 
}); 

我想你的设置是遵循旧的jwplayer参数。

Jwplayer具有引导这个位置

Using RTMP streaming

RTMP single stream

有用的#1问题:

how-do-i-play-rtmp-streams-with-jw-player

streaming-with-cloudfront-to-jwplayer

using-dynamic-smil-file-with-jw-player

0

好像我已经再次找到了答案,我自己提出的问题。

问题既不与rtmp流有关,也不针对任何特定版本的JW Player。事实上,它不仅发生在新版本和旧版本上。 这是因为我的一些自定义CSS应用到JW Player HTML div容器中而发生的。出于某种原因,我在Asp.Net视图中覆盖了它的CSS,并导致了这个问题。

我的示例代码:

HTML:

<body> 
    <script src="http://jwpsrv.com/library/bfifOqXfEeOr_yIACi0I_Q.js"></script> 
    <div id="player"></div>  
</body> 

的Javascript:

$(function() { 
    var el = document.getElementById("player"); 

    var player = jwplayer(el).setup({ 
      file: "http://techslides.com/demos/sample-videos/small.mp4", 
      width: 383, 
      height: 300, 
      controls: true, 
      events: { 
       onReady: function() { 
        player.play(); 
       } 
      } 
     }); 
}); 

CSS:

div[id^=player_] 
{ 
    /* Comment this css for correct working of jwplayer */ 
    min-width:383px !important; 
    min-height:300px !important; 
} 

这里是的jsfiddle此:

http://jsfiddle.net/QCyzh/2/

相关问题