May 16, 2018
The problem with running audio and/or video on the first slide in Chrome
Comments
(2)
May 16, 2018
The problem with running audio and/or video on the first slide in Chrome
Joe Ganci is President of eLearningJoe, LLC, a custom learning company located outside Washington. D.C. Joe has been involved in every aspect of multimedia and learning development. He holds a degree in Computer Science and writes books and articles about eLearning. He is widely considered a guru for his expertise in eLearning development and technology, and he consults with clients worldwide, creating eLearning modules and templates, often training personnel in their use and then making himself available to assist if necessary. Of course, Joe and his team also create eLearning from start to finish, performing the proper analyses, design needs, the development of the learning and its implementation. Joe evaluates eLearning results, both for his own work and the work of others for his clients.                                                                                                                                                                                                                                                                                                                                                                                                                                          Joe is a Director with the International Association for Blended Learning (IABL), a nonprofit international organization whose goal is to promote the use of the best form of learning for each component of a learning curriculum across all industries and academia. This year he organized and ran the 24-Hour Conference IABL Online Conference.                                                                                                                                                                                                                                                                                                                                        Joe is also a frequent teacher and presenter online and at industry conferences and client sites (during times without a pandemic!) , especially on the subject of eLearning design and development tools. His tool reviews appear each month in Learning Solutions Magazine and he is the recipient of several awards and many letters of recommendation for his work in eLearning, including a Lifetime Achievement Award way back in 1999 and the second ever eLearning GuildMaster Award in 2013. His mission is to improve the quality of eLearning with practical approaches that work.
Guide 5 posts
Followers: 30 people
(2)

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?

2 Comments
2019-05-16 10:23:30
2019-05-16 10:23:30

Hi there Joe,

I believe I have the same problem. Would you please tell me where should I add the code?

<iframe src=“https://cross-origin.com/myvideo.html” allow=“autoplay”>

Thanks in advance

Bobby

Like
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
(2)
Add Comment