Hans Meier: Video Lightbox

Hi,

wenn ich folgendes habe:

  
$("a[rel=videoFancy]").fancybox({  
                    'titleShow'     : false,  
                    'transitionIn'  : 'elastic',  
                    'transitionOut' : 'elastic',  
            'href' : 'http://www.youtube.com/watch?v=xsJ4O-nSveg',  
            'type'      : 'swf',  
            'swf'       : {'wmode':'transparent','allowfullscreen':'true'}  
        });  

und einen Link mit ~~~html

<a rel="videoFancy" href=""...

  
dann kann ich den Link anklicken und diefancybox geht auf - das funktioniert.  
Wenn ich ein das Video jetzt als Thumnail darstellen will:  
  
<embed ... und wenn man dann einen Klick auf das embed window macht, dann sollte die Fancybox auch öffnen, das klapt aber nicht.  
Weiß dafür jemand eine Lösung?  
  
Besten Dank,  
lg  
Hans
  1. Dann mach ein Thumbnail in Form einer Grafik und verlinke auf das Video:

    <a href="http://www.youtube.com/watch?v=xsJ4O-nSveg"><img src="thumbnail" /></a>

    Es ist ja nicht so, dass das so schwierig aus den Beispielen auf der Startseite von Fancybox abzuleiten wäre.

    1. Danke!! Ich muss auch ehrlich zugeben, dass ich den Fancycode nicht versteh:

        
      $("a.more").fancybox({  
                          'titleShow'     : false,  
                          'transitionIn'  : 'elastic',  
                          'transitionOut' : 'elastic',  
                  'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),  
                  'type' : 'avi',  
                  'avi'  : {'wmode':'transparent','allowfullscreen':'true'}  
              });  
      
      

      mein Link schaut so aus:

        
      <a class="more" href="./BERLIN_NIGHT.AVI"><img src="./delete.png" />Das ist das tumpnail</a>  
      
      

      In der Fehlerkonsole bekomme ich: this.href is undefined.
      Ich hab leider keine Ahnung wieso, this müsste ja auf <a, also den Link zeigen, oder?

      Vielen Dank,
      Hans

    2. Dann mach ein Thumbnail in Form einer Grafik und verlinke auf das Video:

      <a href="http://www.youtube.com/watch?v=xsJ4O-nSveg"><img src="thumbnail" /></a>

      Es ist ja nicht so, dass das so schwierig aus den Beispielen auf der Startseite von Fancybox abzuleiten wäre.

      OK, das hab ich hinbekommen, ich hab jetzt gegoogelt ob auch andere Videoformate als swf möglich sind und hab leider feststellen müssen dass es nichts für AVI's gibt. Habt ihr eine Ahnung ob AVIs gar nicht funktioniertenmit der jQuery Lightbox?

      Besten Dank!!

      1. Hallo Hans,

        OK, das hab ich hinbekommen, ich hab jetzt gegoogelt ob auch andere Videoformate als swf möglich sind und hab leider feststellen müssen dass es nichts für AVI's gibt. Habt ihr eine Ahnung ob AVIs gar nicht funktioniertenmit der jQuery Lightbox?

        prettyPhoto, eine jQuery-basierte Lightbox, kann das.

        Freundliche Grüße

        Vinzenz