играя видео Youtube в фантазии поле

Question

Добрый день

Я создал скрипт по следующему адресу: http://www.radiocraft.ca

на линии 634 до 668

я сделал что-то не так, и в результате, когда я звоном кнопку воспроизведения, вместо открытия fancybox, я отправляюсь на полноэкранную версию видео Youtube. Что я сделал не так?

спасибо.

Также, как сделать углы видеоролика fancybox круглым с радиусом 5 пунктов?

Еще раз спасибо.

Answer 1

вы не имеете video метод, я думаю, что вы хотите использовать fancybox вместо

так:

$("#yt").click(function() { 
       $.fancybox({ 
         'padding'  : 0, 
         'autoScale'  : false, 
         'transitionIn' : 'elastic', 
         'transitionOut' : 'elastic', 
         'title'   : this.title, 
         'speedIn'  : 600, 
         'speedOut'  : 200, 
         'width'   : 680, 
         'height'   : 495, 
         'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
         'type'   : 'swf', 
         'swf'   : { 
          'wmode'    : 'transparent', 
          'allowfullscreen' : 'true' 
         } 
        }); 
       return false; 
      }); 

Answer 2

Просто добавьте в ваш код этой строки кода: (это Javascript)

$(document).ready(function() { 
    $(".video").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 

и ваш HTML ссылку (где есть класс видео добавить следующий класс fancybox.iframe)

Так что ваш HTML ссылка выглядит следующим образом: (в том числе вашего HREF изображения)

<a class="video fancybox.iframe" href="http://www.youtube.com/v/meqnw_DdArE?fs=1&autoplay=1"><img alt="Corvette Video" src="Headphone%20Amplifier%20Corvette%20Video%20Main.jpg" width="587" height="391" class="style40" /></a> 

Я надеюсь, что этот мини-FancyBox учебник поможет вам;)