Forum Discussion
full screen video button?
Thank you guys so much! This has all been extremely helpful. To clarify, I have been using Vimeo and embedding it via the Insert > Video > Video from Website method. This is ideal because I can keep the security settings on my video using this method (versus a link that could be copy and pasted and shared outside of our network).
I was actually able to get this to work (hooray!) using Paul's method (we don't have a lot, if any, mobile usage, so the desktop browser would be my primary concern). However, I have one more wrinkle to throw in the mix to you smart people!
We use an LMS and have had issues in the past with it properly recording completion of our courses when viewed in Google Chrome. We finally figured out this solution fixed our issues there, so we now add the relay.php file to all published courses and link to that.
My problem is that when I use the relay.php URL (versus the story.html URL), it doesn't show the full screen button.
Any thoughts???
You're welcome. And good job George!
hmmm... I cannot fully re-create this situation.
It looks like the relay.php loads the index_lms.html which loads the story.html.
I would recommend to use the DOM inspector (IE: F12) to see what is happening.
I have the supsission the relay.php creates another iframe or something similar which doesnt have the allow-full-sreen attributes. The top iframe needs this. It doesnt matter if a child iframe has the attributes.
You could try to add something like this to the index_lms.html file. This really involves some testing, but first try to see how the structure is build-up when everything is published online and where you can find back the allow-full-screen attributes (and where not!).
//strContentLocation = "TestAllFunctions.htm";
function LoadContent(){
window.scormdriver_content.document.location.href = strContentLocation;
window.frameElement.setAttribute("allowFullScreen", "allowFullScreen");
window.frameElement.setAttribute("webkitAllowFullScreen", "webkitAllowFullScreen");
window.frameElement.setAttribute("mozAllowFullScreen", "mozAllowFullScreen");
}
</script>