Iframe nested other website page full screen settings

In use today iframe when , Found a... In the nested page 【 Full screen 】 function , So bad , Checked the , Find out iframe also 1 Attributes allowfullscreen Set up , You can set whether it supports full screen , The default is false, Now the iframe Sort out the basic attributes of .

iframe Basic attributes

Usually we use iframe Main setup  src, wide 、 high , Whether to scroll , In fact, there are some properties that are not commonly used

<iframe src="https://www.baidu.com" frameborder="0" width="80%" height="500px"></iframe>

iframe Common properties :

1.frameborder: Show border or not ,1(yes),0(no)
2.height: The height of the frame as a common element , It is recommended to use css Set up .
3.width: The width of the frame as a common element , It is recommended to use css Set up .
4.name: Name of the frame ,window.frames[name] Time specific properties .
5.scrolling: Is the frame rolling .yes,no,auto.
6.src： The address of the inner frame , Can make page address , It can also be the address of the picture .

Other decorative attributes ：

• allowtransparency：true or false, Whether to allow iframe Set transparent , The default is false
• allowfullscreen：true or false, Whether to allow iframe Full screen , The default is false

<iframe id="ifrm"  width="80%" height="600px"
 frameborder="0" src="target.html" marginwidth="0" marginheight="0" vspace="0" 
 hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true">
</iframe>

Set up allowfullscreen=“true”,iframe You can support full screen