1
How can I have a div superimposed on a Youtube-soaked video?
I wish in the case below, the div id="banner" stand in front of the video when it is fullscreen:
<iframe width="560" height="315" src="https://www.youtube.com/embed/oQ4xTJ0sZsM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div id="banner" style="background:#000;color:#fff;width:300px;height:250px;z-index:999;position:fixed;top:5px;left:5px;">
TESTE DIV
</div>
If I’m not mistaken the browser does not let do this for a matter of holding, has even a name for it calls
clickjackingand you find material to feel about it on Google. I don’t know if you’re going to find anything exactly about this iframe practice, but basically it’s putting a fake btn on something that feels true. Often even this fake btn has opacity:0, and stays on the original iframe button, so the browser does not let– hugocsl
uhnn, got it, I’ll research it, vlw
– Leandro Marzullo
Another thing I noticed, inside this iframe has 2 scripts, if you disable the Script on the page and try to put the video in fullscrean will not work, which means that by clicking the fullscrean btn you tb is running a script that can is rightly dealing with it
– hugocsl