Video controls & Html5 course shelf life
Feb 22, 2015
My course is being published in html5 as my client will display it across both Internet Explorer on laptops, and Safari on iPads. Rather belatedly I upgraded my own iPad to iOS8 and have discovered that the video controls disappear once the video starts playing, preventing any pause or restart. The controls only reappear at the end, but are not active, which will lead to confusion with the user. This was not the case before.
Two questions:
1. Is there a way around the video issue
2. More importantly, having done some more reading on html5's lack of sophistication in dealing with video, the next time my client updates their iPads, will the course I am about to give them no longer function as it does now? In other words am I about to supply my client with a course that only has a shelf life until the next OS or browser upgrade?
7 Replies
Hello Lynn,
You may find that the play/pause button is missing from the seekbar when you view HTML5 output in mobile Safari on an iPad or iPhone.
This is a known issue. It'll be fixed in a forthcoming software update for Articulate Storyline. Enable theCheck for updates at startup feature to be notified when new updates are available.
How are you linking the video, if you are straight up embedding it in the course then its down to SL to display it. However you could host the video elsewhere and link through to it either from a fileserver using a web object or from a host like youtube or equivalent.
How do you permanently keep the the control bar visible in HTML5?
If the video control fades, (appearing on mouse over) how can we change the settings or player_compiled.js to make it visible permanently?
thanks!
Hi Ryan! I remembered this question before, and apparently it was you posting here. I know there are limitations to video controls in HTML5 browsers as you can see here. Again, hopefully someone in the community will be able to assist you with this.
Thanks Leslie. The player_compiled file that's created by Storyline on HTML5 export has the js code that auto fades out that video control bar on mouseout. I (we) need to find the right place in that huge file and comment it out so the control bar stays visible.
For those interested. I thinks the answer lies in this post.
http://blog.videojs.com/post/57828375480/hiding-and-showing-video-player-controls
Thanks for popping in to share/update the community Ryan :)
This discussion is closed. You can start a new discussion or contact Articulate Support.