html5 video basics

HTML

<!-- sample taken from: http://www.html5rocks.com/en/tutorials/video/basics/ -->

<div class="video-container">
      <p>.mp4</p>
      <video id="mp4" poster="http://www.firstbullion.com/imges/video_bg2.jpg" controls>
        <source src="http://res.cloudinary.com/dx34blspg/video/upload/v1530266036/CDX_Celebration_Party.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      </video>
    </div>

CSS

video {
        width: 720px;
        height: 500;
        border: 1px solid black;
      }
      
      .video-container {
        display: inline-block;
        text-align: center;
      }
      
      p {
        font: 14px Arial;
      }