Wyświetlenie filmu youtube (embed + fancybox) Opcje

[L0k0]

Witam!

Wyświetlam na stronie link do filmu na youtube używając <embed>:

[PHP] pobierz, plaintext 
<embed width="420" height="345" src="http://www.youtube.com/v/<?php echo $file->get_property('filename'); ?>" type="application/x-shockwave-flash">
</embed>
[PHP] pobierz, plaintext 

Chciałbym jednak aby kliknięciu na video otwierało się ono w nowym oknie FancyBox'a (jak zdjęcia). Niestety po umieszczeniu znacznika <embed> w znaczniku klasy FancyBox ten znacznik jest jakby w ogóle nie widzialny i film leci w normalnym okienku.

[PHP] pobierz, plaintext 
<a class="fancybox-media" href="http://www.youtube.com/watch?v=<?php echo $file->get_property('filename'); ?>" title="<?php echo $file->get_property('description'); ?>">
<embed width="420" height="345" src="http://www.youtube.com/v/<?php echo $file->get_property('filename'); ?>" type="application/x-shockwave-flash">
</embed>
</a>
[PHP] pobierz, plaintext 

Czy ktoś wie co powinienem zrobić, żebym widział podgląd filmu na stronie, a po kliknięciu w niego otwierał się oknie fancy-box?

Pozdrawiam!

Ten post edytował L0k0 17.09.2013, 15:34:55

[pedro84]

Zobacz w dokumentacji: http://fancybox.net/blog => 4. Show youtube clips

[L0k0]

Ja rozwiązałem sprawę tak, że włożyłem warstwę wyświetlającą video do warstwy fancybox'a.

[PHP] pobierz, plaintext 
<div id='video_link_glowna'><iframe width="560" height="315" src="http://www.youtube.com/embed/<?php echo $file->get_property('filename');?>" frameborder="0" allowfullscreen></iframe>
<div id='invisible_layer_glowna'><a class="fancybox-media" href="http://www.youtube.com/watch?v=<?php echo $file->get_property('filename');?>"><img style='width:560px; height: 315px;'src='/media/icons/youtube.png'></a></div>
                    </div>
[PHP] pobierz, plaintext 

Kod css:

[PHP] pobierz, plaintext 
#invisible_layer_glowna {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 560px;
            height: 315px;
            border: solid 1px #ff0000;
            text-align: center;
 
            filter:alpha(opacity=20);
            opacity: 0.2;
            -moz-opacity:0.2;
 
            margin-left: 39px;
 
	}
 
	#video_link_glowna {
            position: relative;
 
            filter:alpha(opacity=100);
            opacity: 1;
            -moz-opacity:1;
	}
[PHP] pobierz, plaintext 

Może się komuś przyda.