JS Youtube 埋め込み レスポンシブ

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);
    }
});