title: HTML5 <video> Player Controls in Chrome Three Dots on the Right Open Blank Screen
body: <p>I am using a standard HTML5 <code>&lt;video&gt;</code> tag to embed a video into page:</p>
  <pre><code>&lt;video controls&gt;
      &lt;source src=&quot;video/intro-video.mp4&quot; type=&quot;video/mp4&quot;/&gt;
  &lt;/video&gt;
  </code></pre>
  <p>However, in Chrome's default controls on the right, three dots show up (options), however, when you click on them, it goes to a blank screen and there's no way to get out of it except for refreshing the entire page:</p>
  <p><a href="https://i.stack.imgur.com/uOr8H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uOr8H.png" alt="enter image description here" /></a></p>
  <p>How do you make the options either go away or prevent a blank screen?</p>