Vimeo files won't go full screen on Firefox, Edge and Safari

Report · Apr 11, 2018

I embedded code from Vimeo on Captivate as a web object. When I test it on Chrome it appears the Fullscreen icon that I enabled. But that same icon doesn't appear in Firefox, Edge either Safari.

Does anyone know why or a way to work around (by editing some code file of the package)?

I'm in Captivate 9.

Thank you.

Report · Apr 11, 2018

The web object plays its content in an iFrame.

This might be your reason:

https://help.vimeo.com/hc/en-us/articles/115015759768-Fullscreen-button-missing-from-the-player

Report · Apr 11, 2018

Thank you for your help, Rod.

But still, I don't understand how to manage it, I don't understand what you mean by "iFrame".

I found another post in the forum where someone suggested a code in the CPM file, but it didn't work for me:

https://forums.adobe.com/thread/2109867

To this code, I added the missing attributes that Vimeo said: "mozallowfullscreen" and "webkitallowfullscreen". The other ("allowfullscreen") was already in that code.

Can you help, please?

Report · Apr 11, 2018

Marina,

If you've never heard of an iFrame then it's likely that you have very little experience with web programming. If so, the solutions offered in that Captivate Forum post that you cited above are likely to be too advanced for you to implement. You might be wise to contact Dave at TLC Media Design, the (very talented) programmer who suggested the coding fix. I'm sure he would be willing to help you in exchange for a very reasonable fee to cover his time.

You can learn about iFrames here: HTML Iframes

These are usually used in websites to display content on one page that actually originates from a totally different website or server. That's why iFrames are often used to display videos from YouTube or Vimeo. But in order to prevent people from illegally displaying someone else's content without their permission, some websites implement code that will disable any content being displayed in an iFrame.

The CPM.js file is a file created by Captivate when you publish a project to HTML5 output. It contains the majority of the code information and references related to the various images and objects that appear on slides throughout the project. It's likely to be the largest single file in the entire HTML5 output, so in a large project it can be many megabytes in size and contain thousands of lines of code. Modifying this file is not for the faint-hearted or beginner. Any error would mean your output will stop dead and you'd need to re-publish again to generate another CPM.js..

Report · Apr 12, 2018

Rod,

Thanks for your straight answer.

I managed to get it working with the detailed steps from jamesi32884181.

I edit the CPM file just like he said and it worked.

In fact, I think a Captivate developer should not have to be mandatory a JavaScript programmer, although I recognize it's a plus.

Once again, thank you for your attention.