Twice click needed to start JW Player on mobile devices
Since a lot of our pages contain several video and audio elements, we decided to instantiate JW Player objects only after the user clicked on a "play" button, placed inside an image placeholder. Our main problem with this solution is, that the "autostart" property of JW Player does not work on mobile devices. While a newly instantiated JW Player, with "autostart" set to true, starts playing automatically on any desktop system, this does not work on any of our tested iOS and Android devices. Here the user has to tap again on the play button that is owned by the newly created JW Player object.
Due to this issue we decided to disable JW Player on mobile devices in favour of native HTML5 audio/video tags. After creating a native audio/video tag, we can call the "play" method on this element and the respective player starts playing immediately. On the contrary, calling the play method on a newly instantiated JW Player causes the player to endlessly show a loading animation.
See these examples with your iOS/android device:
Setup with JW Player:
Setup with native audio/video elements:
(redirects to http://www.rbb-online.de/imparlament/berlin/2014/20--maerz-2014/20-03-2014---45--Sitzung-des-Berliner-Abgeordnetenhauses/michael-garmer--cdu----as.html)
Is there any solution on mobile devices to automatically start a newly instantiated JW Player?