ebody: Youtube Iframe immer im 16:9 Format anzeigen - Firefox Problem

Beitrag lesen

SELF-Forum

Youtube Iframe immer im 16:9 Format anzeigen - Firefox Problem

ebody
– Informationen zu den Bewertungsregeln

Hallo und vielen Dank an alle,

mit diesem Code funktioniert es: https://codepen.io/anon/pen/OvRXEp

<!DOCTYPE html>
<html>
	<head>
		<style>
			html,body { 
				margin: 0px; 
				padding: 0px; 
			}
			
			#screen{
				position: relative;
				height: 0;
				overflow: hidden;
				padding-bottom: 56.25%
			}
			
			#screen iframe{
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		</style>

	</head>
	<body>
		<div id="screen">
			<iframe width="100%" height="100%" src="https://www.youtube.com/embed/M8M9lvjY0No?rel=0&amp;controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
		</div>
		<div id="footer">
			Footer
		</div>
	</body>
</html>

Grid schien für diesen Zweck nicht zu funktionieren. Grid und position oder float in einer Box zu verwenden, macht keinen Sinn und wäre falsch oder?

Gruß ebody

Beitrag melden
–
Informationen zu den Bewertungsregeln