Vimeo Full Screen issue

In Lectora, you have full control over the code to embed a Vimeo video. Here's how:

1. Add an External HTML Object

2. Copy the embed from from Vimeo page (see below) and paste it into the Object

3. Edit the code to your liking if need be. It's just text.

This is the code that Vimeo generates for embedding videos, by the way:

undefinedhttps://player.vimeo.com/video/117187158?title=0&byline=0undefined640undefined360undefined0undefined

If you use Web Window object in Lectora (which is equivalent to Web Object in Storyline), the "allowfullscreen" arguments are not added. @support should probably add it to the feature list (they should either be added by default to all iframes generated from Web Windows or toggled with a checkbox in Web Window properties).

There are some known issues with Vimeo, Chrome, and the fullscreen button when the embed code is inside an iFrame. Here are a couple threads from their forum that explain it: https://vimeo.com/forums/help/topic:277610, https://vimeo.com/forums/help/topic:278181. They suggest you edit the top-level iFrame and any others that appear on the page to add the fullscreen options. In the published Lectora SCORM files you would need to do this in the "a001index.html".

I've brought it to our developers attention. Thanks @ssneg!

I've been having this problem, where I have Vimeo videos embedded into my course, but the full screen icon does not appear when the course is published.

Each of my videos is inserted into a HTML object in Lectora, and I've added the embed code from Vimeo.

I've trawled through all the forum posts and I have a vague understanding, but I still don't really know exactly what I need to do in Lectora to make it work. Is anyone able to provide a very clear instruction on how to ensure the 'allow full screen' code goes into the top level iFrame please?

Thanks!

Amanda

You'll need to insert the following code and change the video link to the one you're trying to share.

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

Hi Jennifer

You've supplied the Vimeo embed code in the message above, which is exactly what I've been using ... e.g.

Let me see if Support has any thoughts on getting it to work. It would be a browser or web window restrictions that just needs a little extra coding.

Great, thank you!

However, the workaround does not work for ReviewLink published content, so the full screen icon is not available at all for my reviewers.

In addition, this is a separate issue to the full screen icon not working when I publish Offline content.

So, regardless of the output, it seems the full screen icon does not appear (for different reasons), which is unfortunate.

Regards

Amanda

Does the suggestion from the other thread work in ReviewLink?

Hi Jennifer

I'm currently using a workaround where I need to edit the code in the index.html file after publishing. This fixes the problem for the web output (but is painful and I'd rather not have to do this every time).

I can't use that same fix in the offline output because the index.html file is so different, I don't know what to change.

Regards

Amanda

Sorry Jennifer, I misread your message, the workaround I'm using does not work for ReviewLink.

Regards

Amanda

undefined

Amanda - set the iframe width and height to the same values as the HTML Extension object.

Hi again

I still can't get the Vimeo full screen icon to work when I publish to ReviewLink. I have to explain to my reviewers that this is a limitation of ReviewLink.

Does anyone know if this will be fixed?

Thanks

Amanda

Hi Jim @jjones5058

Thanks for that, but I always do that anyway, so my iframe dimensions match my html object. I can see the video control playbar, but the full screen icon is not there. The icon appears when I publish to html, but not to ReviewLink.

Regards

Amanda