jMediaelement – jQuery HTML5 Audio-Video Kit

Nach langer Zeit hab ich heute mal wieder ne Kleinigkeit für euch.
Meiner Meinung nach der momentan wohl beste HTML-5 Mediaplayer.
jMediaelement spielt sowohl Audio, als auch Video-Dateien ab und hat für alle Browser die kein HTML-5 unterstützen nen Fallback auf Flash und VLC.

Der Player ist über CSS komplett stylebar und unterstützt alle großen Dateiformate wie z.B.: ogg (theora/vorbis), mp4/mov (h.264), WebM (VP8/vorbis), flv, Youtube videos und mehr.

Die implementierung des Players ist kinderleicht und gut dokumentiert.

jYouTube – jQuery YouTube thumbnail plugin

Videos in Webseiten werden immer beliebter. Und gerade das einbetten von YouTube-Videos nimmt stetig zu.

Wer jedoch nicht direkt ein Video einbinden will, sondern z.B. nur ein YouTube-Video über ein Bild verlinken will, oder z.B. bei klick auf ein Thumbnail ein Video in einer Lightbox öffnen will, der musste bisher das Video aufrufen, einen Screenshot machen, diesen anpassen und einbinden.
Ziemlich aufwendig. Nicht wahr?

Genau hier setzt das jQuery-Plugin jYouTube an. Mit diesem Plugin habt ihr die Möglichkeit mit nur einem Aufruf autoamtisch einen Screenshot/Thumbnail des Videos zu erstellen.
Das ganze geht in verschiedenen Größen und über die ID oder die URL des Videos.

1
2
3
4
5

// Returns big screenshot by video id
$.jYoutube('rSUfWXcNAOw');
 
// Returns small thumbnail by YouTube video URL
$.jYoutube('http://www.youtube.com/watch?v=rSUfWXcNAOw', 'small');

Alle Infos rund um das Plugin findet Ihr auf der offiziellen jQuery-Seite dazu.

jQuery Videos

Ich bin heute beim morgentlichen durchforsten meiner lieblinges Blogs und Seiten auf ein Paar schöne Videos zum Thema jQuery gestoßen, die sicher den ein oder anderen hier auch interessieren dürften.

Advanced jQuery with John Resig

An In-Depth Look at jQuery UI with Paul Baukus

Rich Interactivity, Simplified, with jQuery UI with Richard Worth

jQuery on Rails (The Real Ones) with Jonathan Sharp

MooTools & jQuery – Videos

Ich bin heute auf zwei nette Videos zu MooTools und jQuery gestoßen.
Die Videos stammen aus dem Hause Adobe.
In den Videos vermitteln Aaron Newton und John Resig einen guten Überblick über die beiden JS-Frameworks.

MooTools – Ein Überblick mit Aaron Newton

jQuery – Ein Überblick mit John Resig