We strongly recommend several multimedia player solutions (jquery, Flash, and HTML5)

Source: Internet
Author: User

Remember that when we wanted to insert an audio or video into a webpage, we first tried Baidu or Google to find the long and smelly object and embed code, then paste them into the web page, and then find that different browsers are still different in writing, some support objects do not support embed, some are reversed, and in the end they still call the system's Windows Media Player, if this is not installed, it will be useless. Later, we may gradually use flash players. After all, most browsers support flash in a unified manner, and the player is also well-formed, with various personalized skin customization, exciting. Now, HTML5 has emerged, and many multimedia players have emerged on the HTML5 platform. Below I will recommend several multimedia players.

First look at the JS version, mainly using jquery

Jquery media plugin (recommended) Explanation in Chinese

Jquery media plugin is a jquery-based webpage Media Player Plug-in that supports most network multimedia players and multimedia formats, such as flash, Windows Media Player, Real Player, QuickTime, MP3, silverlight, PDF. It will automatically generate the corresponding object or embed code based on different platforms, so you don't have to worry about platform compatibility.

Jmp3

This is an independent MP3 player and jquery player. Of course, Flash is generated.

Let's take a look at several pure flash players.

A flash player with a playlist, with examples and source code (recommended)

Configurable playlist (configured in XML format), and the playlist is previewed with thumbnails. If the FLA source code is open, you can modify the source code as needed. Videos in FLV format are supported.

Flowplayer

Flowplayer is a Web-based video player developed with flash. It can be easily integrated into any web page. Supports HTTP and streaming media transmission.

 

Finally, I strongly recommend several HTML5 players. The trend in the future is HTML5.

Jplayer (recommended) Explanation in Chinese

Actually, jplayer is a media player framework, because some players are written based on jplayer. It can not only play audio, but also play video, but also has a very good skin. I believe this is also the charm of HTML5. Strong recommendation!

Videojs explanation

  1. Open-source, we can use the source code of videojs to apply it to our own programs, and can modify its source code, but it must follow the open-source protocol.
  2. Lightweight, no image is used.
  3. You can use CSS to customize the appearance of the player.
  4. Does not rely on other script libraries.
  5. Easy to use.
  6. It is easy to use and expand.
  7. Different browsers have a uniform appearance.
  8. Supports full-screen playback.
  9. You can control the volume.
  10. Browsers that do not support HTML5 can be converted to flash for playback.

Chinese explanation of Zen audio player

This is a variant of the jplayer I mentioned above. It is a personalized ring audio player with the best effect in chrome.

Open Standard Media

  1. Open-source, free
  2. Written using the most popular jquery framework
  3. Dynamic HTML5 Content Delivery
  4. Supports multiple common audio and video formats
  5. When a non-standard media is used for automatic flash playback
  6. Themeroller allows you to easily customize skin
  7. Seamless integration with Vimeo and YouTube
  8. Supported playlist
  9. Communication between players

Now, I would like to share some Silverlight-related content, but I don't like Silverlight very much. If you like the above players, you can share them with your friends.

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.