Forum Discussion
full screen video button?
I can't see full screen video button on playbar after when I importy a movie?
Is any way to resize video on full screen after interactiion? (and came back to small size)
?
178 Replies
Hi Andreea,
It looks like you meant to include some code here, but it did not come through. Often the straight HTML code wont' appear in the forums so you may want to look at placing it inside of a file that you can share here for Paul or others to assist.
Yes, it looks like it didn't work. I attached the html story page here.
Andreea & Paul,
The story.html populates the webobject's div at runtime when the first slide with a webobject is navigated to. So the story.html file isn't going to tell us much. You need to check it at runtime with Chrome dev tools or another browser's tools to see what the webobject embed code looks like.
Hi Andrea,
The story.html file is not the webobject which you want to load.. is it?
I want to have a look at that file if that's possible. Maybe you can use an autoplay feauture in there.Hi Galvin,
Glad you were able to get what you needed here and thanks for letting us know. Please also always feel free to reach out to our Support Engineers here for 24/7 support with issues.
Hey, guys! I have been trying to apply some of the solutions from this thread. I managed to partially make it work by embedding the video on a layer on the slide and modifying the story.js file to include:
oIFrame.setAttribute('allowfullscreen', "");
oIFrame.setAttribute('webkitallowfullscreen', "");
oIFrame.setAttribute('mozallowfullscreen', "");
However, something happens and it looks like a bug. When I reach the video, it automatically loads to fill the browser window and the course frame disappears completely and I can't exit from the video and return to the course anymore. I tested it on several computers and it doesn't always happen. Any idea why this happens? I am totally lost as I have almost no knowledge of programming.
Please help!
Hi Andreea,
I haven't seen this problem. Is the video in a web object? That's when this solution works, otherwise it won't.
You should be able to leave full screen mode by hitting the escape key. When you mouse over the video the controls to leave fullscreen mode should appear along with the other play/pause buttons.
Hello, George! Yes, it's webobject. When the webobject page loads, the browser goes fullscreen automatically without any player controls. The only way back is to hit the back button within the browser and refresh and that restarts the course. It happens on chrome, firefox and IE. But not every time. This is very weird behavior that we can't allow when we deploy our courses to more than 10.000 employees. :(
For the moment, the fullscreen issue is a big downside to using articulate as our courses are demo-based and we need to offer the option of fullscreen :( Is there any future plan to include this feature? I see from this thread that it has been repeatedly requested over the past two years. I am also conditioned by the fact that I need to use our internal video sharing website for my videos.
Thank you!
hi Andreea,
you may try to use an external html5 video player (in the webobject). This approach works fine for me. There are plenty of it out there.
Good luck.
PS: don't forget to apply the patches for fullscreen.
Hey, Alexandra! Could you maybe let me know how you do it? My knowledge of programming is very limited.
Create a html file and enter the following code:
<!DOCTYPE html>
<html>
<head>
<title>title of your video html file</title>
<script type="text/javascript" src="//cdn.jsdelivr.net/afterglow/latest/afterglow.min.js"></script>
</head>
<body>
<video class="afterglow" id="myvideo" width="1280" height="720">
<source type="video/mp4" src="/path/to/your_video.mp4" />
</video>
</body>
<html>Enter the right path to the local or web-hosted video ("/path/to/your_video.mp4"). Insert the html file as a webobject.
During the developing process: Pay attention that there is a serious bug/missing feature in storyline, that requires to delete the webobject on every change you make in the html file. More see my thread here: https://community.articulate.com/discussions/articulate-storyline/need-help-for-bugfix
PS: Of course there a many other good free html5 players (some with more/different functions). Usually they provide a demo html file, which you simply can include as a webobject.
HI all,
I wanted to provide an update here, as Storyline 2 Update 10 was just released, and included a number of fixes which you can see in the release notes available here. The item you all may be particularly interested in is how it fixed issue where embedded Vimeo videos do not have a full screen option, You can download the latest update here, and after downloading and installing the latest update you’ll want to republish any existing content to ensure that the updates and fixes are applied.
Let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
Hi Ashley! I just downloaded the latest Storyline 2 update (Update 10 - Build 1607.1221) and it doesn't seem to fix the issue. I've republished the course and the Vimeo videos are still missing the full-screen option.
I'm working on a virtual machine so I fully reloaded Windows prior to installing the latest update so I know it's a clean install of Storyline. Nothing hanging over from a prior version. Any suggestions?
