Forum Discussion
Embedded video will not expand to full screen in LMS
when trying to make the embedded replay video (made in replay) full screen by pressing [] on the video bar in Rise, it does not work once uploaded into LMS.
see attachment
70 Replies
Hello, Ling-Hui! You should be able to expand a video to fullscreen if you're using the multimedia embed block, shown below. Where is your embedded video hosted?
Hi there! Joining this lengthy thread and hoping there is a fix instead of a workaround. I just published my first Rise course to our LMS LogicBay using SCORM 1.2 and the full screen option is grayed out.
Any news on fixing this?
I see the issue on every video I have in the course - it's not as much of an issue until you get into my accordion where the screen size is smaller.
Everything worked great as I was designing and in Review, but once published to our LMS the full screen option greyed out.
Hi Bo! Thanks for including your zipped output file. I hosted your course on SCORM Cloud, an LMS testing tool, and the video fullscreen buttons worked well there.
Please use this link to open the course in SCORM Cloud, and let me know if the fullscreen buttons work for you, as well!
Sadly, most LMSs don't behave just like SCORM Cloud. We've all felt that pang of looking at our LMSs we are stuck with and thinking, "why can't you be more like SCORM Cloud?"
That was the "trouble shooting" step for our issue as well and didn't lead to any conclusions. Is there a specific config or guideline as to how to launch this within an LMS? Besides Publishing as SCORM 1.2 for LMS.
Many thanks!
I hate to say it, but I think it's pretty much up to the LMS developers to fix this issue. You'll have to get their attention, convince them it is really a flaw, and then convince them to put it on their "road map." You'll want to get a horde of other users to vote the issue up with you.
Hello,
Is this still an ongoing issue for anyone else? It seems the full-screen option is disabled (greyed out) for all our videos featured in our published Rise modules. Any and all advice is most welcomed :)
Many thanks!
Hi there,
we could not solve the problem yet and still hope for a solution by Articulate. @Articulate team: will there be a solution for this in the near future? Is there any workaround to publish courses with video in the lms or information or guidance we can pass on to our LMS provider?
Thank you!
Hi Marianna! I'm sorry the video block's fullscreen button doesn't work in your LMS. Since this is an LMS-related issue, you'll want to work with your LMS's support team for next steps. Perhaps you can share what Will outlined above with that team:
I have run into an issue where I have a course with an embedded video on a page that should have the capability to be shown full screen. However, clicking the button does not work. If I upload the course to a generic web server, the user can click the full screen button and it works without a hitch.
I think the problem is that online courses are displayed in an iframe by the LMS and that iframe does not have the allowfullscreen parameters included. All that needs to be fixed is to change this code below (in the page that launches online courses) from this:
<iframe id="activityFrame" title="Activity" frameborder="0" style="width:100%" src="/content/..."></iframe>to something like this
<iframe id="activityFrame" title="Activity" frameborder="0" style="width:100%" src="/content/..."allowfullscreenwebkitallowfullscreenmozallowfullscreen></iframe>We are going to try this but why is this continually an issue and what are the precautions we can take as IDs to prevent this?
Alyssa Gomez
Hi Marianna! I'm sorry the video block's fullscreen button doesn't work in your LMS. Since this is an LMS-related issue, you'll want to work with your LMS's support team for next steps. Perhaps you can share what Will outlined above with that team:
I have run into an issue where I have a course with an embedded video on a page that should have the capability to be shown full screen. However, clicking the button does not work. If I upload the course to a generic web server, the user can click the full screen button and it works without a hitch.
I think the problem is that online courses are displayed in an iframe by the LMS and that iframe does not have the allowfullscreen parameters included. All that needs to be fixed is to change this code below (in the page that launches online courses) from this:
<iframe id="activityFrame" title="Activity" frameborder="0" style="width:100%" src="/content/..."></iframe>to something like this
<iframe id="activityFrame" title="Activity" frameborder="0" style="width:100%" src="/content/..."allowfullscreenwebkitallowfullscreenmozallowfullscreen></iframe>This worked for Canvas! Thank you so much. This saved my life!
The SCORM architecture used by LMSs relies on iframes. When you launch a SCORM course, it usually opens a standard HTML page that contains an iframe that contains your course. By default web browsers no longer allow videos to go full screen when inside an iframe. So this is why the LMS developer must add code to allow this.
Probably in the past this additional code wasn't a requirement, so it wasn't in the LMS's original code. Just some theories, but I think LMS developers are hesitant to change code that will affect every SCORM course in their system. So it may take some convincing to get them to make the necessary changes. Another theory: Fullscreen mode can also be abused for phishing attacks, so maybe they are worried about liability. Of course, it all depends on the LMS you are using and how much they are willing to change things.
Here is another resource that you might share with your LMS vendor to suggest a fix:
https://stackoverflow.com/questions/27723423/youtube-iframe-embed-full-screen
Many thanks Will!
I will pass this along to our LMS Dev team but chances are they will not bite. Unfortunately the only other workaround I came up with is putting our mp4s inside a Storyline Block and then having that launch in a separate browser but that's not ideal either (and picture clarity is not the best). Either way, thanks again for all the insight I learned a lot today!
Thanks Andrew! Glad it was helpful. I would definitely try to get them to see why allowing full screen would makes it such a better experience for learners. Hopefully they will realize how making a simple change can improve their LMS for everyone!
Hi Will,
One last question, and it may be a silly one. Does the fact that this is an MP4 that has been uploaded and not an embedded link make any difference?
Thanks again!I don't think it will make a difference. But to be 100% sure it might be worth testing. The reason I don't think it makes a difference is that in both cases the content is embedded in a player. Even if you upload the MP4, it needs an embedded player to show on the page.
Here is how I think it works:
- Your LMS launches the page that contains your course in a parent iframe.
- You navigate to a page in your Rise course that contains an enbedded video player
- A smart video player begins loading on the page, discovers it is in a parent iframe, checks to see if all the iframes it is inside allow for full screen, and if so enables the fullscreen button.
- A dumb video player just shows the fullscreen button regardless. Then when the user clicks on it, the browser checks to see if the iframe(s) it is in allow full screen and complies with the request or vetos the request if an iframe doesn't explicitly allow it.
A sidenote, but if you are beginning to hate them and wonder why SCORM courses use iframes this is worth noting: https://stackoverflow.com/questions/31201943/are-iframes-still-a-necessity-in-a-tracking-scorm-sco/31217293#31217293
- An answer by Philip Hutchison, aka, Pipwerks, who created a Do-it-yourself SCORM wrapper that I've used a few times with great success.
One last thing to try... I discovered by accident one day that our LMS now also supports uploading xAPI packages in addition to SCORM packages. You might try exporting as xAPI instead of SCORM and seeing if your LMS will accept the format? Long shot maybe.
Update: You will want to make sure the reporting you need still works the way you expect if you switch to xAPI instead of SCORM.
Hi Will,
Great minds must think alike because I recommended this today as well 😉.
Looks like it is an issue with the wrapping of the video itself as Articulate has pointed out and will probably have to be adjusted by LMS Dev Team. Would be nice if we could select common wrapping packages when publishing that could for account for stuff like this. Thanks again for all your knowledge and support on this!
Yeah, I also should emphasize that there are often iframes within iframes. So the iframe that embeds a video may already allows full screen, tricking you into thinking the problem is solved. But if the iframe that embeds your entire course doesn't allow full screen, it overrides the video's iframe.
