Wie kann ich den integrierten Vollbildmodus einer eingebetteten Website in ihrem eigenen iFrame statt im "Vollbildmodus" öffnen?Wie mache ich den Vollbildmodus der eingebetteten Website so, dass nur iframe belegt wird?
<body>
<iframe><!--youtube in fullscreen here--></iframe>
<!--still displaying normal website(with fullscreen iframe)-->
<body>
Fragen Sie, ob Sie Klärung bedürfen. (Es ist schwer zu beschreiben) :)
Sie können position:fixed verwenden, wie in Code unten gezeigt.
*{
margin:0;
padding:0;
}
iframe{
position: fixed;
height: 100%;
width: 100%;
border:none;
}<iframe src="http://stackoverflow.com"></iframe>Sie können folgende Inline-Stil auf Ihrem iframe-HTML-Tag verwenden.
Grundsätzlich können Sie verwenden:
position:fixed Ihre iframe relativelly zu Ihrem Ansichtsfenster zu positionieren, die es bleibt immer an der gleichen Stelle bedeutet, auch wenn die Seite gescrollt wird.
width:100%; height:100% Legen Sie die Größe Ihres iframe als Ansichtsfenster fest (dadurch können Sie den Vollbild-Effekt erstellen).
<iframe src="http://your-iframe-here.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
</iframe>
Sie einfach die eingebettete YouTube-Funktion nutzen können, da, wie ich dies lesen, wollen Sie nur das Video, nicht die Website
Ich habe müssen mehr als ein Video geht auf einmal. Ich muss 4 Videos alle Vollbild in ihren jeweiligen iframes @Maddy haben –