Iframe allow fullscreen

[Matti Järvinen]

Currently it is not possible with CKEditor iframe plugin to allow HTML5 video embeds (YouTube, Vimeo etc.) to go fullscreen.

Required attributes to allow fullscreen are:

• fullscreen="true"
• allowfullscreen="true"
• mozallowfullscreen="true"
• webkitallowfullscreen="true"

Definition for fullscreen, note change label to editor.lang.iframe.allowFullscreen or similar.

{
	id : 'allowFullScreen',
	type : 'checkbox',
	label : 'Allow Fullscreen',
	'default' : '',
	setup : function( element )
	{
		var value = element.hasAttribute( 'fullscreen' );

		this.setValue( value || '' );
	},
	commit : function( element )
	{
		if ( this.getValue() )
		{
			element.setAttribute( 'fullscreen', 'true' );
			element.setAttribute( 'allowfullscreen', 'true' );
			element.setAttribute( 'mozallowfullscreen', 'true' );
			element.setAttribute( 'webkitallowfullscreen', 'true' );
			
		}else
		{
			element.removeAttribute( 'fullscreen' );
			element.removeAttribute( 'allowfullscreen' );
			element.removeAttribute( 'mozallowfullscreen' );
			element.removeAttribute( 'webkitallowfullscreen' );
		}
	}
}

[Jakub Ś]

Seems that fullscreen technology gains some attention at the moment:
​https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
​http://sorcery.smugmug.com/2012/06/06/using-html5s-fullscreen-api-for-fun-and-profit/

Some examples:
​http://www.leanbackplayer.com/example_iframe.html
​https://brad.is/coding/BigScreen/