Skip to main content
shivanshukatiyarwww
Participating Frequently
June 10, 2017
Question

video playback issue on iphone

  • June 10, 2017
  • 2 replies
  • 667 views

Hi guys,

I have created a course on captivate 9(Responsive).  when I am running my course on iphone devices, video is playing automatically and cover the whole screen and user lost all other things which is on the slide along with the video. But it's running perfectly on the android devices.

Is there any settings I am missing? Have anyone encountered the same issue with iphone? Please let me know if there is any solution to resolve this issue.

Thanks in advance.

vimal

This topic has been closed for replies.

2 replies

TLCMediaDesign
Inspiring
March 12, 2018

Video can play inline on iOS, but  the video tag needs to have the proper attributes and the video must be muted. You may be able to add the attributes with JavaScript but not sure if it will work since the video tag is more than likely already in the DOM.

The attributes are:

autoplay muted playsinline.

The JavaSscript would be:

var vid = document.getElementsByTagName("video")[0];

if(vid !==null || vid !== undefined )

{

vid.setAttribute("playsinline","");

vid.setAttribute("muted",true);

}

Inspiring
March 10, 2018

I am having the same issue. Is there a solution for this? It's a real problem for my client's users.

Paul Wilson CTDP
Community Expert
Community Expert
March 12, 2018

The good news is that this is unique to iPhone; Android, iPads, and computers will display your videos embedded in your eLearning project. There have been several proclamations of people solving this issue. However, to my knowledge iPhones will still use the native video player to play video in Adobe Captivate projects, rather than using inline video (regardless of iOS version). 

Paul Wilson, CTDP
Inspiring
March 12, 2018

I have read that StoryLine has come up with a fix for this problem. Wondering why Captivate has not developed a solution.

Video Plays Full Screen in HTML5 Output on iPhones - Articulate Support