Appearance difference of video tag controls attribute (control) in Chrome, IE and FF

Share

➹ A simple video tag

The video tag is a new tag of HTML 5, which can be used to define videos, such as movie clips or other video streams. The following is a video simply placed with the video tag.

 <video  class="video1" src="https://[your-url]/video.mp4"  controls="controls" preload="meta" poster="https://[your-url]/poster.png"> Your browser does not support h5video tags </video>

Actual effect of different browsers

Mainly list the appearance differences of the default controls for video tags in Chrome, IE and FF browsers

Chrome

I remember that the default video control of Chrome last year was still a very ugly bar. It was gray and ugly.

But now the effect of Google Dad is good, and its beauty is as good as some third-party players.

Firefox

FF, be reasonable.

sbIE11

IE11 is really ugly. What kicked the brains of Microsoft's designers.

By the way, I want to say what the two schizophrenic control icons in Windows 10 are for.

Other interesting video tags

Refer to MDN and other documents.