Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Set IFrame allowfullscreen with javascript

Tags:

javascript

html

iframe

fullscreen

I tried to set allowfullscreen attribute to the iframe, but it doesn't work:

iframe.allowFullScreen = true

I checked it with chrome -> inspect element, but the iframe has no allowfullscreen attribute, after this code.

Thanks in advance,

like image 822
Danny Fox Avatar asked Jun 14 '12 13:06

Danny Fox

People also ask

How do I enable iframe in full screen?

Set to true if the <iframe> can activate fullscreen mode by calling the requestFullscreen() method. Note: This attribute is considered a legacy attribute and redefined as allow="fullscreen" .

Is iframe deprecated?

Overview. The widget is considered deprecated. If you need to use an IFrame, consider the "IFrame Component" widget The Iframe can be used to embed websites in the client.

What is Allowfullscreen?

Allows the HTML Component to be put into full screen mode. By default, users cannot place the HTML Component in full screen mode. Calling this function allows a user to place the HTML Component in full screen mode.

How many iframes can a page have?

Except that there is a higher resource demand and other performance issues there is no fixed limitation for those tags on one page.

1 Answers

iframe.setAttribute('allowFullScreen', '')

like image 85
Aelios Avatar answered Oct 22 '22 15:10

Aelios
Sign in to Comment

Related questions

access denied (java.net.SocketPermission 127.0.0.1:8080 connect,resolve)
Javascript month difference
Getting image width on image load fails on IE
Select element with specific data by using jQuery
asynchronous javascript loading/executing
Recursive string reversal function in javascript?
Don't allow new lines in textarea
How do I pass return values from a javascript function to android?
how to debug javascript errors on IE8
toggle width resize animation - jquery
Using jquery to monitor form field changes
Copying Javascript getters/setters to another prototype object
Right mouse click detection on SVG shape in JavaScript not working
JavaScript style: don't use wrapper objects for primitive types
how to get clicked element in THREE.js
Is there a PHP date() equivalent in javascript/jquery? [closed]
Difference between ajax and javascript
Get type of form element with jQuery
Why doesn't a jQuery change function work after loading html with AJAX?
JSHint won't let me use 'forEach' in a 'for' loop

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!