jquery - Jw玩家: want to play mp3 audio in jw html5 player with prev/next navigation

Question

我正在使用下面的代码。 MP3音频播放成功。

但是为什么没有上一个下一个控件来呢？

以及为什么主要的:“html5”不起作用。我想在 JW Html5 播放器中播放，而不是在 Flash 播放器中播放。为什么要推出 Flash 播放器？

感谢您的支持。

更新了 fiddle 链接 http://jsfiddle.net/naresh_kumar/MFs9h/

感谢您的支持。

<div id='jwplayer-1'>jwplayer-1</div>
                    <script type="text/javascript">
                        if (typeof (jQuery) == "function") {
                            (function ($) {
                                $.fn.fitVids = function () {}
                            })(jQuery)
                        };

                    jwplayer('jwplayer-1').setup({
                      "height": 106,
                     "width": 480,
                     "stretching": "fill",
                     "primary": "html5",
                     "listbar": {
                       "position": 'bottom',
                       "size": 80
                     },
                      "playlist": [{ 
                       image: "vtts/wizard.gif", file: "http://128f1.downloadming1.com/bollywood%20mp3/Dhoom%203%20(2013)/01%20-%20Malang%20-%20DownloadMing.SE.mp3", title: "Dhoom 3-1"
                       },{
                       image: "vtts/wizard.gif", file: "http://128f1.downloadming1.com/bollywood%20mp3/Dhoom%203%20(2013)/02%20-%20Kamli%20-%20DownloadMing.SE.mp3", title: "Dhoom 3-2"
                       },{
                       image: "vtts/wizard.gif", file: "http://128f1.downloadming1.com/bollywood%20mp3/Dhoom%203%20(2013)/03%20-%20Tu%20Hi%20Junoon%20-%20DownloadMing.SE.mp3", title: "Dhoom 3-3"
                       },{
                       image: "vtts/wizard.gif", file: "http://128f1.downloadming1.com/bollywood%20mp3/Dhoom%203%20(2013)/08%20-%20Dhoom%20Machale%20Dhoom%20(Arabic)%20-%20DownloadMing.SE.mp3", title: "Dhoom 3-4"
                     }]
                     });
                </script>

Answer 1

正如 Ethan 所提到的，上一个和下一个按钮仅在播放列表不可见时显示。您应该从代码中删除列表栏。

<强> SETTING MULTIPLE ITEMS

此设置包含两个播放列表项目，每个项目都有标题、图像和单个媒体源。该源是通过文件快捷方式加载的:

jwplayer("myElement").setup({
    playlist: [{
        image: "/assets/sintel.jpg",
        file: "/assets/sintel.mp4",
        title: "Sintel Movie Trailer"
    },{
        image: "/assets/bunny.jpg",
        file: "/assets/bunny.mp4",
        title: "Big Buck Bunny Movie Trailer"
    }] });

**

JW Player will play these videos sequentially, displaying prev/next buttons in the controlbar to quickly jump from one item to the other. Alternatively, the listbar can be shown next to the video display for easy playlist browsing.

**

Check out this jsfiddle link

Jwplayer With ListBar

Jwplayer without ListBar

希望有帮助:)