html5 video tag unwanted border

Question

I oddly have an unwanted purple border when clicking the play button on a html5 video that has native controls. How do I remove this border?

<div id="missionVideo" style="text-align: center;">
  <video playsinline controls poster="posterurlhere">
    <source src="videourlhere" type="video/mp4" />
  </video>
</div>

Answer 1

This can be the outline that appears on selection. To full proof, remove outline and border.

video {
   outline: none;
   border: none;
}