How can we hide play,timeline control from Video tag

Question

I want to hide all the media control which appear in Video tag. Below mentioned CSS is working fine in Chrome but not in IE

video::-webkit-media-controls {
display: none;}

Answer 1

To show video controls:

<video width="320" height="240" controls>

To hide video controls:

<video width="320" height="240">

Supported from IE 9 and up.

Answer 2

Just not setting it in HTML should do:

<video width="400" height="200" autoplay="autoplay">
<source src="video/somevid.mp4" type="video/mp4" />
</video>

Or via CSS try with !important:

video::-webkit-media-controls {
  display:none !important;
}