播放 HLS 文件时 JWPlayer controlbar 错误

Question

我设置了一个 jwplayer 来播放 mp4 文件。通过使用 hls 文件的相同设置，播放器的控制栏 'sticks' 不会在用户光标离开图片时消失。

这里是播放器的例子，有两个不同的文件：上面的 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 文件修复它？

Answer 1

原来是 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

播放 HLS 文件时 JWPlayer controlbar 错误

JWPlayer controlbar error when playing HLS file

javascript

jwplayer

jwplayer6