How To Get The Width & Height Of VideoJS Player Using getComputedStyle()

How To Get The Width & Height Of VideoJS Player Using getComputedStyle()

Just a quick blog post this is useful when developing VideoJS plugins and it is not widely documented so posting here.

var player = videojs('my_video_1', {
    crossOrigin: 'anonymous',
    inactivityTimeout: 0
}, function() {

    // With pixels
    console.log('width', getComputedStyle(player.el()).width);

    console.log('height', getComputedStyle(player.el()).height);

    // Without pixels
    console.log('width', parseInt(getComputedStyle(player.el()).width));

    console.log('height', parseInt(getComputedStyle(player.el()).height));

});

Leave a comment