Hi there - I would appreciate any insight anyone could offer.
Background: I have a project where I have several slide videos on various slides. The project size is 1280 by 720, and the videos are 960 by 540. There are interactive elements surrounding the video - buttons mostly, that will allow the user to access resources such as table of contents and glossary. Also, sometimes interactive objects will appear on the screen during or after a video plays (for example, clicking a box that highlights text or a portion of the video, where a popup or other action occurs).
All of this works fine on computers and on android devices. However, as I'm sure many of you know, iOS devices (phones and iPods) will always play videos in full screen mode by default. So when viewing the product on an iOS device, the video goes full screen and covers up the interactive components.
I know that the "webkit-playsinline" tag can be added to video tags in html. In iOS 10, this feature will actually (finally) be added to safari, and allow web developers to force videos to remain inline as opposed to the default full screen.
That's all well and good for web development. However, captivate files utilize javascripts to generate DIV and other HTML components for each slide. So the question is - Where in the CPM.js file would I place the "webkit-playsinline" code, so that it adds this to the video tag? I can generally see in the CPM.js script where the variables for creating divs for the different slide videos occurs. But I'm not very sharp with java at all. So where to add this tag is beyond me... Any insight or expertise is genuinely appreciated.
Thanks!
2
Replies
AdChoices