use this css instead:
.video-wrapper {
position: relative;
padding-bottom: 100svh;
overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100svh;
}
the difference is we dont use vh, but we use svh
so anywhere you used 100vh, just use 100svh
i see i posted some css for you to use here, but i think you may have also used some of your own css, so the gist of it is change your css to use 100svh instead of 100vh anywhere you see 100vh
if click on the iframe button it opens a new window. i would like to have it in the same window. i cant find a documentary with iframes.
i think this should work in the same window. this might be an issue with the website you are embedding with the iframe