1 Video introduction
To quote the introductory text from my translated document "Embedding Audio and Video in HTML5 Pages": "Today, the only reliable way to embed video on a web page and make it visible to all users regardless of browser or operating system is to use Flash. This requires the Adobe Flash plug-in, combined with the <object> and <embed> tags.
Most users already have the Flash plug-in installed (in fact, about 95% of all Internet users have some version of Flash installed), but HTML 5 proponents are pushing for an open video standard that does not require any plug-ins. This is the idea brought about by HTML 5's new <video> tag, which provides a way to embed videos (and interact with them) without the need for proprietary plug-ins like Flash.
Unfortunately, video isn't that simple. Not only does the browser need to understand the <video> tag, but it also needs a necessary codec to play the video. The obvious solution is for the creators of the HTML 5 specification to choose a video codec and let every browser manufacturer implement it.
Anyway, this is the recommended plan. At the same time, it is also a source of confusion. The debate over various codecs is already complicated, but what's even more tragic is that browser manufacturers can't agree on it yet. Apple is unwilling to use the proposed Ogg Theora codec, but Opera and Mozilla are also unwilling to pay the licensing fees associated with loading their browsers with the H.264 codec. Google supports both, while Microsoft has stayed away from the controversy because it currently has no plans to support HTML 5's video element.
Faced with a stalemate among browser makers, HTML 5's well-intentioned dictator Ian Hickson shook his hands and said screw it. Therefore, there are no video codecs specifically named or specified in the HTML 5 specification. "Okay, here's the quote.
The current situation is that Microsoft has finally fallen in, but unfortunately, only H.264 is supported in IE 9. At the same time, Google finally released the open source video encapsulation format webM and video encoding format VP8 at the I/O conference. Opera, Mozilla, and Chrome announced that they will fully support VP8, and IE announced partial support (it requires installing a plug-in, but if I remember correctly, one of the visions of HTML5 is to break away from browser plug-ins, which is really tragic for Microsoft).
Apple decided not to support VP8. Jobs believed that VP8 was not as good as H.264 in terms of quality or efficiency and could not meet the requirements of its products. In addition, the latest news shows that VP8 may also involve patent issues (if it does infringe the patent, Opera and Firefox will probably ignore VP8 immediately).
Having said so much, the bottom line is that if you want to use the <video> tag in the page now, you need to consider three situations: support Ogg Theora or VP8 (if nothing happens to this thing) (Opera, Mozilla, Chrome) , supports H.264 (Safari, IE 9, Chrome), but does not support it (IE6, 7, 8).
Okay, now let’s understand HTML 5 video from a technical perspective, including the use of the <video> tag, the media attributes and methods that can be used by video objects, and media events