Archief - iFrame centraal in beeld

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
h

hatchet

Legacy Member
Hey

Ik wil iets heel simpels maken, ik heb een filmpje en ik wil dit op een blanko website zetten maar wel volledig centraal in beeld. Ik heb dit opgezocht en blijkbaar is dat helemaal niet zo simpel. Ik heb dus zo'n embed code (een iframe denk ik) van het filmpje en ik wil weten wat ik moet doen om het zowel horizontaal als vertikaal centraal in het beeld van mijn site te krijgen, de rest is wit. Ik wil dus niet dat die positie 'fixed' is maar dat het op alle computers in het midden staat. Wie weet hoe dit moet? Kan die het mij uitleggen of het rap efkes in mijn plaats doen? :p

Groeten
Levi
R

R!ck

Legacy Member
De omringende <div> een breedte van 100% geven en margin: auto; op de (<div> van de) iframe? Zelfde met de height...


Verzonden vanaf mijn iPhone met behulp van Tapatalk
h

hatchet

Legacy Member
Hey vrienden!

Het is jammer genoeg niet gelukt om het centraal in beeld te krijgen (ik gaf het op), maar nu wil ik mijn filmpje gewoon het scherm laten vullen, das al. Ik heb de breedte en hoogte ingesteld als 100% en in de preview ziet dat er heel goed uit maar in het echt vult het enkel de breedte en is het gewoon een lange dunne balk.

ZET UW GELUID WEL ZACHT
(http://spiritueleverlichting.tumblr.com/)


Wie wil mij nog eens helpen? :)

De code:

<head>

</head>

<body bgcolor="#000000">

<iframe width="100%" height="100%" src="//www.youtube.com/embed/rQAMRsE1h4g" frameborder="0" allowfullscreen></iframe>
</body>
</html>
h

hatchet

Legacy Member
Het is gelukt denk ik!!! :)

Code: <head>

</head>

<body bgcolor="#000000">

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
<iframe frameborder="0" height="100%" width="100%"
src="https://youtube.com/embed/rQAMRsE1h4g?***********&controls=0&showinfo=0&autohide=1">
</iframe>
</div>
</body>
</html>
C

CrushTheButton

Legacy Member
Bij mij wordt het scherm volledig gevuld, dus je hebt het inderdaad opgelost. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan