播放HLS文件时JWPlayer控制栏错误

时间:2015-07-03 19:10:31

标签: javascript jwplayer jwplayer6

我有一个jwplayer设置,可以播放mp4文件。使用hls文件进行相同的设置时,控制栏会“粘住”播放器,当用户光标不在图片中时,控制栏不会消失。

以下是具有两个不同文件的播放器示例:顶部的HLS文件有控制栏错误,底部的mp4文件正常工作:http://streaming2.cinely.com/title/1

这是我的jwplayer设置:

playerInstance.setup({
    skin: "glow",
    icons: false,
    width: '100%',
    height: '100%',
    sources: sources,
    controlbar: 'bottom',
    plugins: {
        'overlay': {
            data: data['Data'],
            beforeOverlayUrl: '/static/plugins/overlay/templates/beforeOverlay.html',
            afterOverlayUrl: '/static/plugins/overlay/templates/afterOverlay.html'
        }
    },
    // file: 'http://stream.flowplayer.org/bauhaus.mp4',
});

为什么会出现此问题以及如何为hls文件修复此问题?

1 个答案:

答案 0 :(得分:2)

这是HLS清单文件中缺少的声明。这导致jwplayer行动起来,加入这个似乎是其他问题的根本原因:

#EXTM3U
#EXT-X-VERSION:3 

正确播放多个音频文件需要第二行。以下是一个适当的清单文件示例,其中包含来自jwplayer网站的多个音轨:

视频:http://support.jwplayer.com/customer/portal/articles/1761348-multiple-audio-renditions 清单:http://playertest.longtailvideo.com/adaptive/eleph-audio/playlist.m3u8