jYouTube

Bevezető

Alábbi plugin a jQuery Howto blog-on jelent meg. Talán pont ez lehet az oka, hogy bár a plugin alapötlete nem rossz, a kivitelezés nem sikerült tökéletesre. Feltételezhetően a blog szerkesztőjének nem a tökéletes plugin elkészítése volt a célja, hanem csak a "hogyan" megválaszolása, bemutatása.

A kivitelezés tökéletlensége abban nyilvánul meg, hogy a plugin-t egy jQuery-hez nem értő felhasználó valószínűleg nem tudja majd használatba venni. A plugin-tól elvárnánk (szerintem értelemszerűen), hogy a megadott klipp bélyegképét megjelenítse, azonban erre alapjában véve nem képes, mindössze a bélyegkép URL címét "adja át" számunkra. Hogy abból miként lesz bélyegkép, annak megvalósítása már a felhasználóra hárul.

Persze ez nem jelent nagy gondot a WEB világában kicsit is jártas felhasználóknak, azonban tapasztalataim szerint a jQuery-t előszeretettel építik be honlapjukba teljesen "mezei" felhasználók is.

A bevezetőnek nem az volt a célja, hogy ezeket a "mezei" felhasználókat elriasszam, mindössze szerettem volna tisztázni az elején, hogy mire is képes a plugin, mit várhatunk tőle - és mit nem.

Természetesen a demo oldalon található példa a plugin teljesértékű használatba vételére is!

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.jyoutube.js"></script>
          

Deklaráció

            $(document).ready(function(){
              url = $.jYoutube('http://www.youtube.com/watch?v=jZxRWTz8qiY', 'small');
            });
          

Teljes paraméterlista

• url: a YouTube klipp URL címe
• size: a bélyegkép mérete ('big' | 'small') (alapértelmezett: 'big')

Tippek

• Az alábbi linken elérhető egy példa arra, miként lehet a plugin-t a Fancybox plugin-nal ötvözni.
  Az eredmény igen hatásos (Köszönet érte Dersy-nek): jYouTube és Fancybox