We are having difficulty getting the HTML5 video player to go full screen when we embed the HTML5 video link below into the Storyline 2 course. Also, we have a working video using a Flash video player.
The video streaming provider advised us that the problem is that Articulate is using non-HTML5 compliant tags, such as "frameset", around the video link which are not recognized by HTML5 and preventing the HTML5 player from going full screen outside of the course window when the full screen icon is pressed.
Hi, Carmen -- Thanks for your question, and may I ask if you happen to be using Vimeo? If so, this is a known issue in with our QA Team currently for further investigation. According to the ticket, "An IFrame within an IFrame breaks full-screen in Vimeo (possibly in other players [YouTube?] as well)." And per the Vimeo site, Vimeo has now stated as follows:
NOTE: If the Vimeo iframe embed code is placed within another iframe, that parent iframe must also include the same fullscreen attributes.
Hi, Carmen -- Upon further investigation, yes, this issue using Kaltura has already been reported to our QA team. I will go ahead and add this thread to the ticket, and while I am not able to provide a workaround or timeframe in which this may be addressed, I will be sure to provide and updates or information I receive here in the thread.
Hi, Thor -- Thanks for touching base and unfortunately, I do not have an update to provide at this time. However, as you have replied in the comment thread, you should now be subscribed to this discussion, so you will receive a notification if any updates are posted here. Your patience is appreciated!
Christine- We are experiencing that same exact issue on a recent batch of courses.
Courses are exported as html5, video is fed from Kaltura into a webobject in the course and does not go to fullscreen when clicked. Tested the iframe code externally and if we include the allowfullscreen option it works, but the webobject options in Storyline don't allow for that.
Hi Folks - we are wondering when this will be addressed. We have the same issue using HTML5 Video web objects in both Presenter and Storyline. We need a way to add the Full Screen tags to the Articulate Parent iFrames. Please advise.
Hello Colleen - We recommend configuring website videos to open in separate windows, which will allow the fullscreen button to work. You can read about that here.
For those looking for a solution in the future ... I did happen to find one. The issue is that the iframe dynamically created in the HTML5 output doesn't have the allowfullscreen attribute set. I "fixed" this by editing the html5\lib\scripts\app.min.js file (see highlighted portion in attached image). Note: This was done with Storyline 360 output.
Hye! I have the same problem with Storyline 2, do you know if there is a native solution or if I must modify a js file in the same way and which? Thks Serge
When you embed videos from websites, such as YouTube and Vimeo, in Storyline 2 courses, you may find the fullscreen button for these videos is either missing or doesn't work in your published output. We fixed this issue in Storyline 2 Update 10. See this article for details.
20 Replies
Hi, Carmen -- Thanks for your question, and may I ask if you happen to be using Vimeo? If so, this is a known issue in with our QA Team currently for further investigation. According to the ticket, "An IFrame within an IFrame breaks full-screen in Vimeo (possibly in other players [YouTube?] as well)." And per the Vimeo site, Vimeo has now stated as follows:
NOTE: If the Vimeo iframe embed code is placed within another iframe, that parent iframe must also include the same fullscreen attributes.
Hi, Christie - the video streaming provider is Kaltura - do you have any similar issues with this provider? If so, were they able to solve this?
Thank you Christie.
This post was removed by the author
Hi, Carmen -- Upon further investigation, yes, this issue using Kaltura has already been reported to our QA team. I will go ahead and add this thread to the ticket, and while I am not able to provide a workaround or timeframe in which this may be addressed, I will be sure to provide and updates or information I receive here in the thread.
Same problem here I think... Kaltura iframe video embed codes will only go fullscreen in Safari. Chrome, Edge and Firefox all fail to go fullscreen.
Any workaround yet?
Hi, Thor -- Thanks for touching base and unfortunately, I do not have an update to provide at this time. However, as you have replied in the comment thread, you should now be subscribed to this discussion, so you will receive a notification if any updates are posted here. Your patience is appreciated!
Christine- We are experiencing that same exact issue on a recent batch of courses.
Courses are exported as html5, video is fed from Kaltura into a webobject in the course and does not go to fullscreen when clicked. Tested the iframe code externally and if we include the allowfullscreen option it works, but the webobject options in Storyline don't allow for that.
Any update in the last 4 months?
Hi John!
I do not have an update to provide, but I will share your findings.
Are you viewing in a supported HTML5 environment as specified here?
Yes I am Leslie. I've tested it in multiple browsers both in and out of our platform (which runs as html5).
Thanks John - I've shared your details with the team - just double-checking :)
Hi Folks - we are wondering when this will be addressed. We have the same issue using HTML5 Video web objects in both Presenter and Storyline. We need a way to add the Full Screen tags to the Articulate Parent iFrames. Please advise.
Hi Frederick! I do not have an update to provide on the issue above. Can you confirm that you are utilizing Kaltura as well?
Hi,
I'm using Kaltura to host my videos and I can't embed them or insert them as a web object. Any recommendations? YouTube works great, though.
Hello Colleen - We recommend configuring website videos to open in separate windows, which will allow the fullscreen button to work. You can read about that here.
For those looking for a solution in the future ... I did happen to find one. The issue is that the iframe dynamically created in the HTML5 output doesn't have the allowfullscreen attribute set. I "fixed" this by editing the html5\lib\scripts\app.min.js file (see highlighted portion in attached image). Note: This was done with Storyline 360 output.
Implement at your own risk!
Hye!
I have the same problem with Storyline 2, do you know if there is a native solution or if I must modify a js file in the same way and which?
Thks
Serge
Hi Serge!
When you embed videos from websites, such as YouTube and Vimeo, in Storyline 2 courses, you may find the fullscreen button for these videos is either missing or doesn't work in your published output. We fixed this issue in Storyline 2 Update 10. See this article for details.
Hi,
Seems it does not work with Storyline 2 update... 12!
Any real fix for this? There's no app.min.js in the SL2 output...
Thanks.
Hello Pierre!
Can you share where your video is hosted and what browser you are viewing in?
Hi Leslie,
I made a few tests and it only works in Chrome. It doesn't with Firefox or IE.
And it seems it doesn't work anyway once on our LMS.
Maybe I'll send a file to the support if I can get it to work on our LMS with Chrome at least.
Thanks.
Hi Pierre,
Sending a sample file to our team would be super helpful, thanks! Be sure to let us know your case number so we can follow along.
This discussion is closed. You can start a new discussion or contact Articulate Support.