jQuery Media plugins are very useful tools if you want your website to be more dynamic and entertaining. It provides video player for Youtube videos, putting some google maps within your website and more. This might be useful too if you’re off to make a website that is mainly focused on designs, but still want that interactivity. What we have here is a list of jQuery Media plugins. Enjoy.

Related posts:


1. jQuery Tubeplayer


This implements the Youtube Player API in a better way.

Source: http://www.tikku.com/jquery-youtube-tubeplayer-plugin


2. Phlipper fancy photoset


View Flickr Photostream in fancy way!

Source: https://github.com/phlipper/fancy-photoset


3. Autosnippet


This will automatically generates code snippet from source code which is HTML, CSS and Javascript.

Source: http://spacebug.com/projects/autosnippet/


4. jQuery Realtime Related Tweets Bar


Add a real-time tweets bar related to your posts from your twitter timeline or anyone else and limit it by a google geocode coordinates.

Source: http://www.moretechtips.net/2009/09/realtime-related-tweets-bar-another.html


5. jPlayer


Play and control audio files in your webpage, this plugin supports more devices using HTML5.

Source: http://www.happyworm.com/jquery/jplayer/


6. goMaps


This plugin will embed a google maps in your website using Google Maps v3.

Source: http://www.pittss.lv/jquery/gomap/


7. jQuery Embed Links


This replaces links into media. But the media should be supported by oembed.com. This includes Youtube, Vmeo and Flickr.

Source: http://code.google.com/p/jquery-embedlinks/


8. FullScreenr


This is a great plugin wherein you’ll have fullscreen background in your website and always maintain its aspect ratio even if it’s resized.

Source: http://nanotux.com/blog/fullscreen/

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.