Atitit. Summary of selection of web video formats----Multimedia area

Source: Internet
Author: User

Atitit. Multimedia Area ----Web Summary of selection of video formats

1. Because the video formats supported by different browsers at this stage are different 1

2. video formats supported byeach browser Html5 video : 2

3. What's the solution? Flash and the h. 2

4. <object> tags are used to include objects, images, audio, video, Java applets, ActiveX, PDF, and Flash. 3

1. Because the video formats supported by different browsers are different at this stage

, when we have a variety of format video styles, we will use the second way to do compatibility debugging. General

Google mp4 (H.264/AVC) can directly put, and the same as Google, Firefox's ogg format can be put,IE7 Video tags are supported in the above versions +.+

OGG format, MPEG 4 format and WebM

HTML5, provides a video tag . It allows developers to embed video directly into a webpage without needing any third-party plugins (like Adobe 's Flash) to play.

This is certainly a big step forward.

Author :: Old Wow's paw attilax ayron, email:[email protected]

Reprint please indicate source: Http://blog.csdn.net/attilax

However, there is a core issue that has not been addressed. HTML5 does not specify which format of video the browser should play. Browser vendors can choose the supported formats themselves.

In general, HTML5 supported video formats

Some people are concerned and dissatisfied with this situation. They decided to develop a non-proprietary video format that would produce the same volume of files as H . This format is called Theora.

Theora 's main developer, also a developer of Ogg Vorbis( An open source, non-proprietary audio compression format)

Now, go back and talk about HTML5 and its video tag.

Open Source Browser firefox khtml , no resources to buy h.264 license. Therefore, they do not support h.264 format video, Unless the user installs the third-party plugin themselves. Microsoft and Apple do not support theora h.264

This means that the future of the HTML5 Web page does not exist in a generic video format. In other words,HTML5 Web site developers must be the same video, prepare two format version, one is h. xand the other is Theora. However, there is another option for developers to require users to install third-party plugins.

Guess what the majority of developers will do? They're probably not doing anything! Keep the status quo is OK, let the user continue to watch the video with Flash, what trouble is gone.

2. Each browserHTML5 Videosupported video formats:

Browser | Video format

Ogg Theora

MP4 (H. A)

WebM

Microsoft Internet Explorer9

0

Mozilla firefox5+

0

0

Google chrome13+

0

0

0

Apple safari5+

0

opera11+

0

0

3. What's the solution?Flashand theh .

I think most developers will choose to do a browser " sniff ", specifically for Apple's device to provide a video of the H . M format, the rest of the device shows a Flash player, which can also play this Video in H. So,Flash and H .

。 Flash is embedded in the page via Boject or embed, which is the most mature and the most widely used solution, compatibility is the best.

4. <object>labelUsed to include objects, images, audio, video, Java applets, ActiveX, PDF, and Flash.



Object was originally intended to replace the IMG and applet elements. This is not true, however, due to vulnerabilities and lack of browser support.

Object support for the browser depends on the object type. Unfortunately, mainstream browsers use different code to load the same object type.

Fortunately, object objects provide a solution. If the object element is not displayed, the code between <object> and </object> is executed. In this way, we can nest multiple object elements (each corresponding to a browser).

Refer Reference

HTML5 Video format contention - Nanyi's blog . htm

Web -compliant Media Player code - Blue ideal . htm

Atitit. Summary of selection of web video formats----Multimedia area

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.