10 jQuery free video plugins worth collecting

Source: Internet
Author: User

Query has thousands of plug-ins that are not only handy for us at the Web application level, but also cool in web vision if you're looking for an online video solution or you just want to add embed to your site's multimedia elements. jquery based video plugin will make your work as silky smooth! Of course, these video plug-ins are responsive layouts.

No more Internet search, here we list 10 most sites in use, at the same time have a great user experience of the awesome video plugin!

1. Fitvids

Https://github.com/davatron5000/FitVids.js

Fitvids is a popular jquery video plugin that is widely loved by page designers. This plugin can help you to implement the adaptive layout of video media well.

In the production of fast response Web site, text, pictures and other elements can easily respond to screen size changes, but the video is more trouble. For example, the embed way to load Youku, potatoes and even YouTube video, the use of max-width:100% can not guarantee that the video on any device to follow the screen size scaling, this can be achieved with the help of JS script, this is fitvids.js.


2. The Bigvideo

Https://github.com/dfcb/BigVideo.js

The plugin will convert the video or image to a large background, and his demo page displays a Full-screen video using the parallax scrolling mechanism.


3. The Popcorn

Https://github.com/mozilla/popcorn-js

According to Mozilla, this plugin developed by Mozilla is one of the best jquery video plug-ins, and you can use "popcorn.js" to handle various formats of media. Includes HTML audio and video processing, YouTube, Dailymotion, SoundCloud, and other videos you can think of. This plugin can also seamlessly embed media from well-known third party sites into your product.


4. Video.js

https://github.com/videojs/video.js/

Video.js is an open source HTML5 jquery Video plug-in that can be used to process Flash video and is a multiplatform-supported product. Videos of Moreover, YouTube, Vimeo and so on can be played well through this plugin. The plugin also supports desktop applications and other handheld devices.

Video.js is a general-purpose web page embedded in the video player of the JS Library, Video.js automatically detect the browser HTML5 support, if not support HTML5 automatically use the Flash player.


5. Embed.js

Https://github.com/ritz078/embed.js

This jquery plugin gives you a lot of surprises, including string parsing, support for emoticons, media, microblogging, code, service, and so on, and automatically embed them. Its other features include YouTube and Vimeo video inserts, Twitter inserts, HTML5 player media embedding, in addition, it also supports Google Maps location and live media.


Embedjs is a JavaScript framework for embedded devices such as mobile phones, TVs, tablets, and so forth.

Embedjs is powerful in that it has a dedicated development version for specific platforms and browsers such as iOS, Firefox, Android, and so on. This allows the user to provide the best experience with minimal code. And if you like customizing yourself, you can use the Embedjs Build tool tool that it provides.
Embedjs is based on dojo implementations, so if you are familiar with Dojo API syntax, then EMBEDJS will be the best choice.


6. JQuery Videosequence

Https://github.com/kostia/jquery.videosequence

This jquery video plugin supports the creation of video and audio sequences and other media source extensions. The developer of the jquery video sequence plugin says that if you don't have the knowledge about the plugin, it's still a little stressful for you, so before you use this plugin, it's recommended that you go through WEBM to view the articles on the wiki.


7. JQuery Video Background Plugin

Https://github.com/georgepaterson/jquery-videobackground

This jquery video plugin supports adjusting your video on the page background. If your browser doesn't support HTML5 video elements, it gets the poster image and renders it.


8. Mopho

http://codecanyon.net/item/mopho-animated-jpeg-video-preview-jquery-plugin/839846?ref=enbeeone3&ref= Enbeeone3&clickthrough_id=462031057&redirect_back=true

You can use it to create beautiful jepg or PNG pictures. In addition, animated GIFs are also supported. It has a configurable width and height, constant frequency and video starting point. This is a personal setting with a light box feature. This jQuery video plugin can run in all modern browsers, IE 7 and 8,ios 4.


9. Mediabox

Http://codecanyon.net/item/mediabox-jquery-plugin-for-audio-video/241182?ref=enbeeone3

It has nine video and audio widgets and can easily handle various aspects of playlist management with Automatic Updates. All widgets can be used independently, and this plugin automatically retrieves metadata. It also has an API that exposes all features in a friendly way.


YouTube Player

http://codecanyon.net/item/jquery-plugin-youtube-video-player-with-playlist/gone/4244107

YouTube player allows you to run multiple videos on the same page. It also has an external CSS for autoplay functions. It also allows the creation of complex playlist AutoPlay features with stops at a certain point in the video. It can also display the status of the video currently loaded.




Thankfully, the download addresses provided above can be opened.


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.