Получение Flowplayer работать в FancyBox

Question

У меня есть ряд ссылок, и установка I и Flowplayer (http://flowplayer.org) и FancyBox (http://fancybox.net/):

<a class="fancybox" href="../public/video1.flv">Click here</a> 
<a class="fancybox" href="../public/video2.flv">Click here</a> 
<a class="fancybox" href="../public/video3.flv">Click here</a> 
... 

Я хочу, чтобы открыть эти видео в FancyBox (последняя версия , 1,3 - Я читал вокруг учебников для 1.2, которые не подходят моему случаю), один в то время я поражен о том, как просто это делается с JWPlayer:

<a class="fancybox" href="../jwplayer/player.swf?file=../public/video1.flv">Click here</a> 
<a class="fancybox" href="../jwplayer/player.swf?file=../public/video2.flv">Click here</a> 
<a class="fancybox" href="../jwplayer/player.swf?file=../public/video3.flv">Click here</a> 
... 
$('a.fancybox').fancybox({ 
    'titleShow': false, 
    'type': 'swf', 
    'width': 480, 
    'height': 385, 
}); 

с Flowplayer, этой очень простой вещью чувствует себя как ад

Я пробовал:

<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video1.flv'}">Click here</a> 
<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video2.flv'}">Click here</a> 
<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video3.flv'}">Click here</a> 

И, кроме не имеющих ControlBar, я получаю взмахом «ошибка 301» (может быть, потому, что он ищет ControlBar .swf, но не загружается) Нахождение «Встраивание параметров как функция querystring» в онлайн-документацию - это кошмар (и на самом деле я нашел этот подход на других сайтах), поэтому я не могу проверить, прав я или нет, и что я могу сделать, чтобы избежать ошибки 301

EDIT: я решил ошибку 301, исходный файл «flowplayer.controls-3.2.3.swf» должен быть переименован в «flowplayer.controls.swf» (это нигде не написано, вам нужно угадать Это); во всяком случае, это не очень помогает, так как на IE7/8 он сильно падает - консоль JavaScript мерцает и говорит, что «null» является нулевым или не является объектом »

Я также пробовал решение jjames, размещенное здесь: http://flowplayer.org/forum/2/17398 Но это не работает для меня: Firefox сбой, и в IE Fancybox говорит мне, что ресурс не должен быть расположен И, во всяком случае, кажется, этот wotk для одного файла, в то время как мне нужна общая функция, которая получает HREF ссылок как параметр ... Таким образом, это не имеет смысла для меня ...

$(".fancybox").fancybox({ 
    'callbackOnShow': function() { // callbackOnShow doesn't exists anymore on Fancybox 1.3; seems replaced by onComplete, but no luck 
     flowplayer("fancy_div", "../flowplayer/flowplayer-3.2.5.swf", { 
      clip: { 
      baseUrl: 'http://www.myPathToVids', 
      url: 'myVideo.flv' // I have not a single video! This should be a parameter taken from href of the clicked link 
      }  
     }); 
    } 
}) 

Пожалуйста, любая помощь? Заранее спасибо, я злюсь ...

Answer 1

Попробуйте вручную запустить fancybox и настроить его настройку на проигрыватель. Например, учитывая связь:

<a href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" 
    class="videoLink">Demo</a> 

создать JQuery функцию щелчка, как это:

$('a.videoLink').click(function(e) { 
    e.preventDefault(); 

    var container = $('<div/>'); 

    container.flowplayer(
     'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf', 
     $(this).attr('href') 
    ); 

    $.fancybox({ 
     content: container, 
     width: 300, height: 200, 
     scrolling: 'no', 
     autoDimensions: false 
    }); 
}); 

Обратите внимание, что Flowplayer по умолчанию принимает до размера его контейнера, так должно быть дано конечные размеры для просмотра это правильно.