put iframe into fullscreen

static/js/embed/pandora.js

@@ -25,10 +25,11 @@ Ox.load('UI', {
                                     censored: data.censored,
                                     censoredIcon: pandora.site.cantPlay.icon,
                                     censoredTooltip: pandora.site.cantPlay.text,
+                                    controlsTop: Ox.Fullscreen.available ? ['fullscreen'] : null,
                                     controlsBottom: ['play', 'volume', 'scale', 'timeline', 'settings'],
                                     duration: data.duration,
                                     enableFind: false,
-                                    enableFullscreen: true,
+                                    enableFullscreen: Ox.Fullscreen.available,
                                     enableKeyboard: true,
                                     enableMouse: true,
                                     enableTimeline: true,
@@ -55,6 +56,9 @@ Ox.load('UI', {
                                     resolution: function(data) {
                                         pandora.api.setUI({'videoResolution': data.resolution});
                                     },
+                                    fullscreen: function(data) {
+                                        Ox.Fullscreen.toggle();
+                                    }
                                 })
                             );
                             Ox.UI.hideLoadingScreen();

static/js/pandora/embedDialog.js

@@ -45,7 +45,9 @@ pandora.ui.embedDialog = function(data) {
                 '<iframe width="' + width
                 + '" height="' + height
                 + '" src="' + constructURL(data)
-                + '" frameborder="0" allowfullscreen></iframe>'
+                + '" frameborder="0" '
+                + 'webkitAllowFullScreen mozallowfullscreen allowFullScreen'
+                + '></iframe>'
             ).on({
                 click: function() {
                     this.focus();