Post

1 follower Follow
0
Avatar

Embeding your courses in an Iframe on a webpage - Videos Full Screen

In some cases you may wish to put your courses/content on your website and embed the course/content much like you would a YouTube Video. 

If you do this AND you have Videos in your course you will want to make sure you set the IFrame to allow full screen, otherwise when you click on the "full screen" button, nothing will happen.  This isn't because your course is broken, but instead it is because the Iframe on your website is blocking Full Screen mode.

A typical iFrame would look like this:

 <iframe src="website address here" height="600" width="800"></iframe>

What you need to add is the full screen parameters

allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"

So now it will look like:

 <iframe src="website address here" height="600" width="800" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

 

And then you are all set - your content plays fine in an iFrame.  Remember you can create more than compliance courses!!!

Here is a link with more info about "allow full screen"

https://www.allowfullscreen.com/

Paul Schneider

Please sign in to leave a comment.