jQuery plugins - Tubular
okt 19

Tubular

Videót a háttérbe!

Verzió: nincs adat
Kiadás dátuma: 2010
Fejlesztő: Sean McCambridge
Liszensz: MIT

Bevezető

Ha már az előző plugin a háttérbe integrálható diavetítéssel volt kapcsolatos, akkor most jöjjön ugyanerre a témára egy másik plugin, kicsit másképp: a Tubular segítségével sima fényképek helyett tetszőleges YouTube videót integrálhatunk weboldalunk hátterébe!

Implementálás

JavaScript

            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js" charset="utf-8"></script>
            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.tubular.js"></script>
          

Deklaráció

A deklaráció során a plugin-t a body tag-hez kell rendelnünk és meg kell adnunk a beágyazni kívánt YouTube videó egyedi azonosítóját, plusz ha az oldalon megkívánunk jeleníteni valamiféle tartalmat, akkor a tartalom konténer elemének azonosítóját is, máskülönben a beágyazott videó kitakar mindent az oldalon.

            $(document).ready(function(){
              $('body').tubular('XXX','content');
            });
          

Teljes paraméterlista

Metódusok

  • mute(): a beágyazott klip hangjának engedélyezése
  • unMute(): a beágyazott klip hangjának tiltása
  • playVideo(): a beágyazott klip lejátszása
  • pauseVideo(): a beágyazott klip lejátszásának szüneteltetése
  • stopVideo(): a beágyazott klip lejátszásának megállítása
  • clearVideo(): a beágyazott klip törlése a háttérből