Youtube iframe fullscren ve z-index hk

Arkadaşlar youtube iframe fullscren olduğunda bir class ekletiyorum ve bu class ile iframe'in üzerine bir div eklemek istiyorum. iframe'in bir üst divinin ::after'i lakin z-index işe yaramıyor bu konu hakkında bilgisi var mı? Yani fullscren youtube iframe'nin üzerine nasıl div çıkartırım yani ondan daha üstte kalacak.

Link var mı inceleyip yardımcı olayım

<section>
<div>
<iframe></iframe>
</div>
</section>

bi de bunu deneyin

Hocam aslında istediğimi yaptım lakin fullscreen olduğunda ne yaparsam yapayım benim div arkada kalıyor fullscren olduğunda da üstünde olmasını istiyorum youtube iframe api fullscreen event ile ek class ekletiyorum. Yani fullscreen olduğunda farklı styleller verebilmek için lakin ne yaparsam yapayım hep iframe'in altında kalıyor. Sanırım fullscreen le ilgili bilmediğim bir css yapısı var.

Local'de hocam.

https://stackoverflow.com/questions/...d-html-content

örnek site: https://immersion-pictures.com/

:not(:root):fullscreen {
object-fit: contain;
position: fixed !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
box-sizing: border-box !important;
min-width: 0px !important;
max-width: none !important;
min-height: 0px !important;
max-height: none !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
margin: 0px !important;
}

iframe:fullscreen {
border-width: initial !important;
border-style: none !important;
border-color: initial !important;
border-image: initial !important;
padding: 0px !important;
}

:not(:root):fullscreen::backdrop {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: black;
}

Eklenen styleler yukarıda hocam fullscren olduğunda bunlar ekleniyor. hmm böyle değilde kendiğinden bozulmuş kodlar anlamadım düzelttim

Sanırım bu mümkün değil YouTube playerına müdahale edilmez ancak şu yapılabilir;

YouTube videosunu farklı bir player içine gömüp playerın herhangi bir köşesine istediğiniz içeriği sabitleyebilirsiniz.Maç yayını yapan siteler gibi

Aslında mümkün youtube bunun için bir api sağlıyor ama direkt o şekilde tüm kontrolleri yazmaktan ziyada üstüne bir transparan div ekledim alt taraf kontrol bölümü kullanılıyor sadece üst taraflar kullanılmıyor. Bu normalken mümkün lakin fullscreen olduğunda benim div arkada kalıyor aslında tahminimce css ile alakalı bir durum çünkü burada iframe bir html elementi ve iframe'in arkasında kalıyor benim div yani css ile yapılabilir diye umuyorum ama bir kaynak bulamadım.