The problem with running audio and/or video on the first slide in Chrome

May 16, 2018
Newbie 5 posts
Followers: 10 people
President of eLearningJoe, LLC
1

The problem with running audio and/or video on the first slide in Chrome

Newbie 5 posts
Followers: 10 people
May 16, 2018

Hi, all,

I’ve been teaching Captivate classes in which we start with a video on the first slide of an exercise. In addition, I have audio on the slide.

When published to HTML5, it works well in the latest versions of IE, Edge, and Firefox (in Windows) but in Chrome, the video doesn’t start nor does the audio.

After investigating it in Chrome’s Developer Tools, I found the Console message:

Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.

It led me to an explanation about Google’s new policy as of April:

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

In short, it’s responding to users who complain that they dislike having videos and/or audio blast through their speakers the moment they go to a website. I’ve found this annoying as well, especially when working late at night.

Hitting the Reload button when the video/audio doesn’t start will then start over but this time with a play button the middle. Clicking that counts as user interaction so then video and audio start normally.

There is a way to make autoplay work. See

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#iframe

However, this would be made easier if the code, seen below, is included in the publishing template in the next Captivate update, so that we don’t have this problem when publishing in Captivate.

<!-- Autoplay is allowed. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay">
<!-- Autoplay and Fullscreen are allowed. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay; fullscreen">

Adobe, can you make that happen?

Comments (1)
2018-05-17 07:48:50
2018-05-17 07:48:50

Thanks Joe, for this explanation. It looks like we just have to adapt to HTML eLearninf without AutoPlay. I blogged about improving the design of the default white screen with black Play button and opened a discussion about this problem. It would be great if some feature requests were taken into account to speed up the process. Here is the link to the Discussion: https://elearning.adobe.com/2018/05/cope-autoplay-turned-off/

Like
(1)
Add your comment