video playback issue on iphone

[shivanshukatiyarwww]

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

[sfdjklsdadfjkasldj]

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]

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). 

[sfdjklsdadfjkasldj]

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

[David Burnham HBA]

Yes video's play within the slide environment in iPad when created in Articulate Storyline.- you are correct.

[TLCMediaDesign]

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);

}