full screen video button?

Thanks Paul for sharing that code here - it's a bit outside our area of support, so it's always great to have community examples to point too. 

I've reconsidered how I do web objects now and I now usually use "display in a new browser window" (with no browser controls) instead of "display in slide." This avoids all the mess that is "embedding." Browsers and site owners change the rules about embedding so often that I think it just isn't worth it. If you think about it, there are actually several advantages to opening a web object in a new window:

1. The window can be the size you want regardless of whether your storyline presentation scales.

2. You can include content on the slide that explains what is being displayed (a video, surveymonkey survey, etc...) and tells the user to close the window when done.

3. If you are in an https (secure) environment, the link to the web object can be http without issue.

To me it just isn't worth the hassle trying to get all the stars aligned so that video that is stuck in that box plays the way I want it to.

Thanks Will for sharing that insight here - and I think it's a good point in terms of how different browsers/sites change the set up as that's what occurred with the most recent Vimeo change as well. 

I'm a Storyline newbie, but has anyone else noticed that the full screen option is there and works when viewing the course in an iPad?

I'm using Chrome on the iPad, and viewing the course on my LMS (BizLibrary) with a normal embedded video and NOT opening the video in a new browser window.

If it works there, is there any chance we can get it to work on a PC?

Here's a screenshot from my iPad.

Paul, 

I think I missed something. How did you embed your YouTube video in the first screen above? Is it a web object or from a web page. I can't embed YouTube from a webpage because of this issue.

I've also been messing around with your idea of adding the allowfullscreen attribute to the enclosing iframe. Even after the webobject is loaded you can add the attribute to a normal YouTube enclosing iframe, and if you can force a reload of the iframe src, it will activate the fullscreen button. I've only done this with the console so far. But it should be doable to add code to the story.html file to do it.

My previous idea won't work because of cross-domain issues. 

But the real fix, unsanctioned by Articulate I'm sure, is to add the last 3 lines below to the story.js file around line 640:

// Create the iframe
var oIFrame = document.createElement('iframe');
oIFrame.frameBorder = "0";
oIFrame.id = "div" + strId;
oIFrame.style.border = "0";
oIFrame.style.width = "100%";
oIFrame.style.height = "100%";
oIFrame.allowtransparency = "true";

oIFrame.setAttribute('allowfullscreen', "");
oIFrame.setAttribute('webkitallowfullscreen', "");
oIFrame.setAttribute('mozallowfullscreen', "");

Hi Paul,

Good catch. I was able to replace the player.js file in the Program files and now when I publish all my story.js files have the added lines which fix the allowfullscreen issue.

I'm treating it as a software patch. I have worked with teams where we all applied a similar patch to Storyline program files so everyone can share the enhancement.

Make the same 3-line addition to the player.js file in the Content folder. I had to save it as a copy on my desktop. Then, depending on your admin rights, I was able to paste it into the Program Files (x86)\Articulate\Articulate Storyline 2\Content\ folder and overwrite the original player.js.

Now when I publish, Storyline grabs this and other files from the Content folder, changes its name to story.js and adds it to the story_content folder in the published project.

You can also use this technique to tweak the master css files for html5 output. Like, for instance, to change the size of menu items on the iPad if they're too small.

Hello, any news on this issue? Is full screen working for ambeded videos? I can´t make it work and I am not changing vimeo code at all.

Thanks for your help