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
- 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.
- Lightweight, no image is used.
- You can use CSS to customize the appearance of the player.
- Does not rely on other script libraries.
- Easy to use.
- It is easy to use and expand.
- Different browsers have a uniform appearance.
- Supports full-screen playback.
- You can control the volume.
- 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
- Open-source, free
- Written using the most popular jquery framework
- Dynamic HTML5 Content Delivery
- Supports multiple common audio and video formats
- When a non-standard media is used for automatic flash playback
- Themeroller allows you to easily customize skin
- Seamless integration with Vimeo and YouTube
- Supported playlist
- 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.