Merhaba, aşağıdaki kodu deneyebilirsiniz.
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/snkshU84SGA' frameborder='0' allowfullscreen></iframe></div>Kaynak:
https://embedresponsively.com/
Bu kodlardan yola çıkarak şu eklemeleri yaparak sorunu çözdüm:
.wp-block-embed {
position: relative;
padding-bottom: 56.25%;
}
.wp-block-embed > div {
position: absolute;
}
.wp-block-embed > div,
.wp-block-embed iframe {
width: 100%;
height: 100%;
}