Question

我在Asp.Net MVC应用程序中的View上使用jwPlayer 6.8。我正在使用以下javascript代码在播放器上播放视频：

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

我错过了什么？

Answer 1

您正在使用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

有用的Stackoverflow问题：

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

streaming-with-cloudfront-to-jwplayer

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

Answer 2

似乎我再一次找到了自己提出的问题的答案。

问题既不与rtmp流相关，也不是特定于任何特定版本的JW Player。实际上，它不仅出现在较新版本和旧版本上。这是因为我的一些自定义css，应用到JW Player HTML div容器。出于某种原因，我在我的Asp.Net View中覆盖了它的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/

JW Player没有显示闪光模式，也没有在Asp.Net MVC视图中显示播放器控件

2 个答案: