src.html
<div class="movie">
<iframe src="https://www.youtube.com/embed/xxxxxx" allowfullscreen></iframe>
</div>
script.js
$(()=>{
const bw = document.body.scrollWidth;
// 表示幅700以上の場合のみ
if(bw > 700) {
// 横:コンテンツ幅の80%、縦:横の9/16サイズ
const w = $('.movie')[0].clientWidth;
$('iframe').attr('width', w * 0.8);
$('iframe').attr('height', w * 0.8 * 9 /16);
}
});