LiveDisplay initially shown on Android Chrome for VOD HLS

[mister-ben]

On Android Chrome (47, 48 and 49(dev) tested), duration() is initially Infintity for VOD HLS videos. As a result the live display is shown before playback begins. Depending on the network conditions/cache state it can be a second or longer from tapping play until a durationchange is fired with a finite time to show the non-live controls.

On iOS Safari and Chrome and the Android/Samsung stock browser, the duration is not Infinity.

Example: http://output.jsbin.com/kasawoh

[mister-ben]

It's not the cause of the problem, but whilst looking into this I realise LiveDisplay is doing its own thing to show/hide itself unlike all the other controls which are toggled in CSS.