Jw播放器:想用jw html5播放器播放mp3音频,带有上一个/下一个导航

时间:2014-03-08 14:29:26

标签: jquery html5 jwplayer

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

但为什么不接受下一个控制呢?

以及为什么主要:“html5”无效。我想在没有Flash播放器的JW Html5播放器中播放它。 为什么Flash播放器会来?

感谢您的支持。

更新了小提琴链接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>

1 个答案:

答案 0 :(得分: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将按顺序播放这些视频,显示上一个/下一个   控制栏中的按钮可以快速从一个项目跳转到另一个项目。   或者,列表栏可以显示在视频显示旁边   简单的播放列表浏览。

**

  

查看此jsfiddle链接

Jwplayer With ListBar

Jwplayer without ListBar

希望有所帮助:)