cannot go fullscreen in Microsoft Edge - no allowfullscreen attribute on the iframe

636 views
Skip to first unread message

IE Compat

unread,
Jul 28, 2015, 3:08:14 PM7/28/15
to FancyBox
Hello from Microsoft Edge!

We noticed some fancybox 1.3.4 users have reported there isn't an allowfullscreen attribute on the iframe - causing videos to not allow full screen feature. When full screen is selected nothing happens.

Code 1: http://lad.gov.lv/js/jquery.fancybox-1.3.4.pack.js:

if (d.type == "iframe")

            b('<iframe id="fancybox-frame" name="fancybox-frame' + (new Date).getTime() + '" frameborder="0" hspace="0" ' + (b.browser.msie ? 'allowtransparency="true""' : "") + ' scrolling="' + e.scrolling + '" src="' + d.href + '"></iframe>').appendTo(j);

 

Code 2: latest jquery.fancybox.js:

iframe   : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',




JFK

unread,
Jul 29, 2015, 11:37:50 PM7/29/15
to FancyBox, ieco...@gmail.com, ieco...@gmail.com
I don't think the source code is going to be updated
As a workaround you could add the attribute to the fancybox after is loaded like

j
Query(document).ready(function ($) {
    $
(".fancybox").fancybox({
        type
: "iframe",
        onComplete
: function () {
            $
("#fancybox-frame").attr("allowfullscreen", "allowfullscreen")
       
}
   
});
}); // ready


that should work

Bhavesh Vaghela

unread,
Oct 10, 2015, 4:36:13 AM10/10/15
to FancyBox, ieco...@gmail.com
Hello,

There is already option for "allowfullscreen" in the iframe after it load in new microsoft edge browser, still
it is not working.
Can you please suggest the other option for full screen button that works in

microsoft edge browser. Plz reply soon.

I am using the Modal popup and using the below code for iframe in the popup

<iframe id="frame1" width="100%" height="550" src="http://online.fliphtml5.com/bjrh/brtw/" frameborder="no" scrolling="no" allowfullscreen="" ></iframe>

It shows bellow error when we click on full screen button in the popup in microsoft edge browser,
"Object doesn't support property or method 'RequestFullScreen'" in the
http://static.fliphtml5.com/book/template/Clear/javascript/main.js


Reply all
Reply to author
Forward
0 new messages