jamesperet-website-2020/themes/james-theme/layout/_partial/video-player.ejs

<div id="player-container" class="container-fluid" style="background-color: black; height: 650px; padding: 0px;">
    <% if(is_video_provider(url, 'youtube')) { %>
        <iframe id="video-player" src="<%- youtube_embed_link(url) %>" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <% } else if(is_video_provider(url, 'vimeo')) { %>
        <iframe id="video-player" src="<%- vimeo_embed_link(url) %>" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    <% } %>
    <script>
        var container = document.getElementById('player-container')
        document.getElementById("video-player"). width = container.clientWidth;
        document.getElementById("video-player"). height = container.clientHeight;
        window.addEventListener("resize", function(event) {
            document.getElementById("video-player"). width = container.clientWidth;
            document.getElementById("video-player"). height = container.clientHeight;
        })
    </script>
</div>