JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fullscreen"></div>

CSS

html,
body {
    margin: 0;
    padding: 0;
}

#fullscreen {
    width: 1920px;
    height: 1080px;
    background: green;
    color: #fff;
    font-size:50px;
}

JavaScript

// screen zoom out for checking
document.body.style.zoom="40%"

makeFullHD();

function makeFullHD() {
    /* var value = $(window).outerWidth();
    value *= 1;
    var valueHeight = Math.round((value / 16) * 9);
    
    $('#vidHeight').text(valueHeight);
    $('#videoBox').css('width', value + 'px').css('height', valueHeight + 'px');
    $('#videoPlayer').css('width', value + 'px');
    
    $('#fullscreen').css({
        width: value,
        height: valueHeight
    }); */

    // test
    //$('#fullscreen').text('Width:' + value + '\n' + 'Height:' + valueHeight);
    $('#fullscreen').text('Width:' + $(fullscreen).outerWidth() + '\n' + 'Height:' + $(fullscreen).outerHeight());
}

$(window).resize(function() {
    makeFullHD();
});