May 18, 2016 at 7:09 pm #315481
Nick WilliamsMember9 pts@nwilliams3743
I’ve had a colleague review a module of mine that is soon to be released. He mentioned an embedded vimeo video may be too small to view.. I basically told him well that’s what the full screen button is there for, however he stated there was no full screen button.
I’d tested in preview mode and the full screen button was there, however not in any other area including when loaded to the LMS. Researching this, as my colleague uses storyline, I noticed they were all having this serious issue and not able to resolve.
With my Lectora scorm file, I went into the LMS, viewed the iFrame code and added
webkitallowfullscreen mozallowfullscreen allowfullscreen
The full screen button works perfectly on the LMS now.
May 20, 2016 at 12:59 pm #315626
- Is there another/easier/less tedious method of going about this instead of adding that extra code for every module with a video in the future?
- When viewing a storyline solution, they were throwing around 40 lines of coding to make it work, and on most occasions their feedback was that it didn’t work too well… Is Lectora more advanced in this regard of functionality? Why wouldn’t they just be able to add the webkitallowfullscreen mozallowfullscreen allowfullscreen line?
Sergey SnegirevMember335 pts@ssneg
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:
<iframe src="https://player.vimeo.com/video/117187158?title=0&byline=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
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).May 23, 2016 at 10:30 am #315756
I’ve brought it to our developers attention. Thanks @ssneg!May 23, 2016 at 1:33 pm #315788
Trivantis SupportModerator19 pts@Support
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”.This post has received 1 vote up.December 15, 2016 at 6:21 pm #339193
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?
AmandaDecember 21, 2016 at 2:52 pm #339926
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 allowfullscreen></iframe>
December 21, 2016 at 8:21 pm #339995
- This reply was modified 2 years, 4 months ago by Jennifer Valley.
You’ve supplied the Vimeo embed code in the message above, which is exactly what I’ve been using … e.g.
<iframe src=”https://player.vimeo.com/video/[vimeoID]” width=”1320″ height=”743″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
However, when I publish to HTML or ReviewLink and access the Vimeo videos I’ve embedded into the course, the full screen icon does not appear. There is a fix that I can apply to the index.html file post-publish but I would prefer not to have to do this.
AmandaDecember 21, 2016 at 10:46 pm #339999
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.
AmandaDecember 22, 2016 at 2:20 pm #340094
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.December 22, 2016 at 6:19 pm #340114
Great, thank you!December 27, 2016 at 9:25 am #340269
Does the suggestion from the other thread work in ReviewLink?January 8, 2017 at 6:33 pm #342160
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.
AmandaJanuary 8, 2017 at 7:18 pm #342162
Sorry Jennifer, I misread your message, the workaround I’m using does not work for ReviewLink.
AmandaMarch 28, 2017 at 12:56 am #351136
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?
AmandaMarch 28, 2017 at 10:14 am #351206
Jim JonesMember3 pts@jjones5058
Amanda – set the iframe width and height to the same values as the HTML Extension object.This post has received 1 vote up.
You must be logged in to reply to this topic.