Я хочу поместить iframe на мою страницу с другим элементом div поверх iframe, чтобы вернуться на определенную страницу, однако я не могу заставить iframe перейти на полный экран (высота: 100% и ширина: 100%). Есть ли какая-нибудь работа, чтобы получить iframe в полноэкранном режиме?
Я уже пытался установить высоту окна с помощью jquery, однако она не работает.
<style>
iframe {
height:100%;
width:100%;
}
.goback {
width:100%;
background-color:transparent;
transition:.5s;
position: absolute;
z-index:3;
}
.goback img {
padding:5px;
}
.goback:hover {
background-color:white;
}
</style>
<body>
<div class="goback">
<img src="../../assets/goback.png" alt="goback" height="50px" width="50px" />
</div>
<iframe src="https://music.youtube.com/"></iframe>
</body>