<style>
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
body{
overflow-x: hidden;
font-family: Roboto, sans-serif;
}
.video-container{
width: 100vw;
height: 100vh;
}
iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
}
h1{
background: rgba(0,0,0,0.5);
padding: 10px;
}
#text{
position: absolute;
color: #FFFFFF;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16/9) {
.video-container iframe {
height: 56.25vw;
}
}
@media (max-aspect-ratio: 16/9) {
.video-container iframe {
width: 177.78vh;
}
}
</style>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/jlkXyi0wOOA?controls=0&autoplay=1&mute=1"></iframe>
</div>
<div id="text">
<h1>Use a youtube video as a full screen background with CSS</h1>
</div>
1xbet - No 1xbet Casino | Live dealer casino online
ReplyDelete1xbet 1xbet app is a reliable titanium ring casino site that offers a great casino games from the best software providers for μΆμ₯μλ§ the regulated gambling markets. Rating: 8/10 · Review by a Tripadvisor user poormansguidetocasinogambling · Free · https://jancasino.com/review/merit-casino/ Sports
Post a Comment