Copyright © 2012 Kaltura Inc.
All Rights Reserved. Designated trademarks and brands are the property of their respective owners.
Use of this web site constitutes acceptance of the Terms of Use and Privacy Policy.
EduVideo.org
Problems with Fullscreen functionality in HTML5 player w/iframes
Fri, 12/23/2011 - 00:44
I've searched for clues on this, but couldn't find any other mentions of the problem.
I have a couple of problems with the "exit fullscreen" functionality when the player is inside of an iframe or a frame (behavior is similar in both cases).
An example can be found right on the kaltura player site:
http://www.kaltura.org/demonstrations
In Firefox (8.0 for me) it appears to be CSS-related, the fullscreen button creates an animation resizing to the width of the iframe. When exiting fullscreen, the player is not positioned the same way on the page. Rather, it is down and to the left of where it initially was.
In Chrome, there is more of a usability issue. Going Full Screen opens up the video in the full browser window. When exiting fullscreen, you are returned to the video url, not the page hosting the video. When you press the Back button to get out of it, it takes you to the page *before* the page with the iframes on it.
Anyone familiar with these issues?
Thanks,
Tom Gleason
Fri, 12/23/2011 - 19:10
#2
Thanks for your response. I'm using .org/js .
In my case, we're actually using frames, rather than iframes, (one main frame, and a bottom frame for 'collections') but we could potentially move to iframes if that was required for a solution. However, the behavior is the same with both frames and iframes currently. The layout itself isn't complicated or nested; it's exactly the same problem that occurs on the 'demonstrations' page on kaltura.org, but I'll try to get a sample page together as well.
Thanks,
Tom
Thu, 12/29/2011 - 23:42
#3
If there is no solution for this, is there a way to turn off the fullscreen option, or generally a way to customize the control options?
Fri, 12/30/2011 - 00:01
#4
I noticed that the fullscreen option is disabled on the embed code. I'm thinking, since the embed code is within an iframe, that it was disabled for this reason as well. I was able to comment out the 'fullscreen' section of code from mwEmbed-player-static.js to avoid these usability issues for now.
This has been a problem with most of the HTML5 player libs I've experimented with. Does anyone know any good links about problems with full-screening in HTML5? It seems like such a clear issue that I'm surprised I can't find much.
Thanks for any insight.
We just recently updated .org ( today ) .. please re-test... Also are you using Kaltura SaaS or just the .org/js video tag rewrite where you host your own sources?
If you have a sample page that would be useful to take a look at too.
Ultimately lots of nested iframes is not an easy problem to solve, it won't really be fixed until we add true fullscreen support to the library and you set the allowfullscreen attribute for all child frames. Should be part of the next release.