fancybox 2.0.4 и Vimeo

Question

У меня есть много трудностей для интеграции нового fancybox (V.2.0.4 g81c12d7) с новым кодом вставки iframe vimeo. У кого-то есть решения?

Answer 1

Да, самым простым способом является использование нового «universal player» vimeo для встраивания ваших видеороликов.

A). На странице vimeo выберите одно из ваших видеороликов, затем выберите значок «embed» (над видео).

B). Получить iframe код, который выглядит следующим образом:

<iframe src="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

C). Извлеките содержимое атрибута src и установить его в качестве href вашей ссылки как:

<a class="vimeo" href="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0">open vimeo in fancybox</a> 

D). Ваш FancyBox (v2.x) пользовательский сценарий, то должен выглядеть следующим образом:

<script type="text/javascript"> 
$(document).ready(function() { 
$(".vimeo").fancybox({ 
    width: 400, 
    height: 225, 
    type: 'iframe', 
    fitToView : false 
}); 
}); 
</script> 

Обратите внимание я получил width и height от iframe кода.

ОБНОВЛЕНИЕ (25 июня 2013 г.): еще один простой и простой способ просмотра видеороликов vimeo в fancybox (v2.1.5, как сегодня) использует помощники медиамании fancybox. Проверьте https://stackoverflow.com/a/17202629/1055987 для получения дополнительной информации.

Answer 2

Потому что мы можем только изменить размер IFrame видео, если он находится в нашей области, я решил эту проблему путем копирования всех HTML содержания

http://cache.vevo.com/m/html/embed.html 

Для http://localhost/vevo.html. Затем изменили CSS:

#videoPlayerSWF { 
     width: 100%; 
     height:100%; 
    } 

Теперь я называю FancyBox URL с помощью:

http://localhost/vevo-embed.html?video=USUV71402745 

который имеет тот же HTML, CSS и JavaScript, как:

http://cache.vevo.com/m/html/embed.html