Full screen icon not present in viewed video

[pwkey]

I am linking video hosted on Vimeo into my Captivate project, and want to allow the viewer to be able to open the video in full screen should he desire.

However, even though the video image displayed in the video widget in Captivate does show the full screen icon at the bottom right of the screen (see attached screenshot of page in Captivate), when I display the resulting project in my web browser (IE11) (see attached screen shot), the full screen icon is missing. This is also the case if I display in Chrome.

The embed code for this example video is:

<iframe src="https://player.vimeo.com/video/151583159" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

I have tried loading this embed code onto a standard web page and it works fine, with the full screen icon displayed.

Therefore, it appears that Captivate is somehow not respecting the embed code directions to allow full screen icon.

(sorry, does not appear to be facility to attach the referenced screenshots!)

[TLCMediaDesign]

Zip that web page and insert as an html5 animation. The button will be there.

[pwkey]

Thanks for the fast response. However, this page is but one page of a multi-page Captivate project. The project can be zipped up into ‘TinCan’ compatible content and then uploaded to a TinCan enabled LMS, of which I am using one within WordPress called LearnDash.

I may be wrong, but your response sounds like a ‘work-around’, rather than identification of the fundamental problem?

[TLCMediaDesign]

I meant to create the web page for the video, then zip up the we page and insert it on the Captivate slide as an HTML5 Animation.

I always use this method for all of my videos in Captivate.

As a note, here is a statement from Vimeo:

1. In the past, fallback options in the browser allowed some version of fullscreen to operate even when within frames.

2. Within the last few weeks, updates to major browsers removed these fallback options. This caused the fullscreen button to fail when clicked. Vimeo videos would no longer enter fullscreen if they were placed within frames.

3. Because the button wouldn’t work anyway, in the last few days our developers have now removed the fullscreen button from any players that are embedded within frames. To confirm, the button would have been broken even if displayed. So, whether the button was there or not, your viewers would not be able to enter fullscreen.

So, like I said, no action you took caused this to occur. However, your site appears to have been created in such a way that will not allow full-screen Vimeo embeds.

[adobetempo]

Adding the values webkitallowfullscreen: true, mozallowfullscreen: "true", allowfullscreen: "true", in the file cpm.js the problem is solved.

To broaden the issue a little, because that captivate creates the "iframe" objects at run time and at the level of code handles them with the Myframe_ identifier so placing that object within the file CPM. JS and adding those values that control the playback on screen full, each of which within the web version of project, will create an iframe, this take the attributes that have been assigned to it.

[S Appley]

Adding the values webkitallowfullscreen: true, mozallowfullscreen: "true", allowfullscreen: "true", in the file cpm.js the problem is solved.

The file is HUGE. where/how should I add this - do you have an example?