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

Question

I have a jwplayer set up that plays an mp4 file as it should. With this same setup using an hls file, the controlbar 'sticks' to the player and does not disappear when the user's cursor is out of the picture.

Here is an example of the the player with two different files: the HLS file on top which has the controlbar bug, and the mp4 file on the bottom, which works normally: http://streaming2.cinely.com/title/1

Here is my jwplayer setup:

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',
});

Why is this issue occurring and how would I fix it for an hls file?

Answer 1

This turned out to be a missing declaration in the HLS manifest file. This was causing jwplayer to act screwy and adding this in seemed to be the root cause of the other issues:

#EXTM3U
#EXT-X-VERSION:3 

The second line is needed to properly play multiple audio files. Here is an example of a proper manifest file including multiple audio tracks from the jwplayer site:

Video: http://support.jwplayer.com/customer/portal/articles/1761348-multiple-audio-renditions Manifest: http://playertest.longtailvideo.com/adaptive/eleph-audio/playlist.m3u8