In webOS 1.2, the image is scaled to fit in the `chapterThumpWrapper`
and ignores position. Since it doesn't seem to support `resize` nor
`object-fit` to prevent scaling, use background instead.
Sometimes (maybe in some browsers) onHideAnimationComplete
is called on btnPause, and the event listener is disconnecting
because it was connected with "once: true".
As a result, the `hide` class is not added to the OSD element,
allowing the user to interact with transparent elements.
Don't connect listener with "once: true".
The dialog on the player could present a large list, requiring scrolling to find the desired option, such as a subtitle or audio track in a huge language list. Changing the volume in these cases will be very annoying.
When refreshing a /video page, since no player is available,
`getCurrentPlayer` will be empty and `bindToPlayer` will crash leading
to a redirect with `appRouter.goHome();`
This is also the case when navigating with previous then next in the
browser.
Before that that, the background is set in `viewbeforeshow` using
`setBackdropTransparency(TRANSPARENCY_LEVEL.Full);`
This will leave unexpected classes in the dom leading to a white
background on the main page.
This fixes proposes to reset the transparency before going to home
using `setBackdropTransparency(TRANSPARENCY_LEVEL.None);`
Anyway, this looks a little fragile and a deeper fix may be preferable
in the future.
Another solution would be to move the
`setBackdropTransparency(TRANSPARENCY_LEVEL.Full);` when the player is
ready but my understanding of the flow is not enough to now if it would
have any unexpected results.
Toggle applied to the remaining time label of the video player and added
`-` as a prefix of the remaining time, both behaviours like in VLC.
Toggle preference as user setting.
