JSFiddle - React, Tailwind, and code Playground

by Wolf Wortmann

HTML

<video controls>
    <source src="http://www.html-seminar.de/video/maus-maus-aus-3.ogg" />
</video>
<span id="dimensions"></span>

CSS

#dimensions {
    display: block;
    font-weight: bold;
    color: #4c4c4c; 
}

JavaScript

$(function() {
    var video = document.getElementsByTagName("video")[0];
    var dimensions = document.getElementById("dimensions");
    dimensions.innerHTML = video.videoHeight + "x" + video.videoWidth;
   
});