Report Blog Entry
<style>
.tv {
position: fixed;
background: url('https://i.ibb.co/GHn1MsP/tv-ezgif-com-webp-to-png-converter.png') top left no-repeat;
background-size: 100% 100%;
width: 400px;
height: 400px;
top: 216px;
left: 153.6px;
z-index: 2;
pointer-events: none;
}
.iframe {
position: fixed;
width: 270px;
height: 203px;
top: 296px;
left: 216px;
z-index: 0;
}
.grain {
background: url('https://i.gifer.com/origin/3e/3ef326d43744e0877c24b8c07542a2e7_w200.gif'), no-repeat;
position: fixed;
width: 270px;
height: 203px;
top: 296px;
left: 216px;
z-index: 1;
opacity: 0.2;
pointer-events: none;
}
/*No display on mobile*/
@media (max-width: 600px) {
.tv {display:none;}
.iframe {display:none;}
.grain {display:none;}
}
</style>
<div class="tv"></div>
<div class="iframe">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/D8RBiQUqW1M?si=XsGXAvLP88Xd4-jm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
<div class="grain"></div>
</div>
Comments
Displaying 3 of 3 comments ( View all | Add Comment )
avgdirt
used it!! its very cute
spike
hey, this is so cute. but I'm trying to switch the videos and it's not working do the videos have to be under a certain length or ?
it should work for any length. what's the video you're trying to embed? on that video, go to Share -> Embed -> look at the code that's provided. find the section that's like src="[EMBED URL]". then replace the part in the TV code with the new [EMBED URL] part.
by oginome; ; Report
okay thank you I was just embedding it wrong
by spike; ; Report
iza
oh my godness how cute i will def be adding this to my profile