Is there a way to close the video player in HTML5?

Hi all - I have a course that contains videos and I published to HTML5. When viewing on my iPhone, and I click a custom play button I created that triggers the video to play, it plays full-screen (this is expected behavior - Mobile Safari automatically scales videos to fit the screens of smaller devices, such as iPhones).

However, what I would like to know is whether there is some way to exit from full-screen automatically when the video completes. This would be ideal as it brings the learner "back" to the course in the browser.

The current behavior requires you to click the "Done" button in the upper left corner of the media player. From a user experience perspective, this seems silly - I should just be taken back to the course - not having to click a "Done" button to do so.

If this is possible, I would like to know.

3 Replies
Steve Flowers

Hi Eric - 

You might try a trigger to jump to the next slide at the end of the video. This should close the video on iOS when the video is done playing. Unfortunately, this is an iPhone behavior that doesn't appear anywhere else. I'm sure Apple has some rationale for it. Definitely creates an odd constraint when designing stuff that contains video.

Michael Jones

If Steve's solution doesn't work, this  may be a limitation from the iOS side of things. Apparently with iOS8+, Apple doesn't allow code that automatically closes browser tabs, which may carry over to the video player.

My best guess for this is an effort by Apple to deal with the potential for malicious code that could run on a webpage and auto-close before the user was even aware.