1

Flowplayer を Fancybox 内に表示しようとしていますが、うまく動作しません。これまでのところ私のコードです。

            $("a.video_link").click(function () {

            $.fancybox({
                'autoScale': false,
                'transitionIn': 'none',
                'transitionOut': 'none',
                'title': this.title,
                'width': 680,
                'height': 495,
                'href': '/flowplayer/flowplayer.swf?video=myvideo.flv', /* have also tried a couple of other options for the url settings, but without luck)
                'type': 'swf',
                'swf': {
                    'wmode': 'transparent',
                    'allowfullscreen': 'true'
                }
            });

            return false;
        });

助言がありますか？

4

3 に答える 3

2

ファンシーボックスを手動で起動して、そのコンテンツをフロープレーヤーに設定してみてください。たとえば、次のリンクがあるとします。

<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 はコンテナのサイズを占有するため、適切に表示するには有限のサイズを指定する必要があることに注意してください。

于 2011-07-01T20:54:30.853 に答える
0

jQueryを使用してSWFオブジェクトを作成しようとしたため、swfパラメーターを設定し、フロープレーヤーのコンテンツ設定を使用してモデルのhtmlを直接設定しましたか?

また、デバッグ ウィンドウをチェックして、エラーが表示されていないか確認してください。

-- EG

var flashvars = { //Change this with $.extend within click callback if you need to!
    file : 'yvideo.flv'
}
var flowBoxParams = {
     'autoScale': false,
    'transitionIn': 'none',
    'transitionOut': 'none',
    'width': 680,
    'height': 495,
}

var $conatiner = $('<div></div>').attr('id','MediaPlayerHolder').hide();

swfobject.embedSWF("/flowplayer/flowplayer.swf","MediaPlayerHolder","300","120","9.0.0",flashvars,params,attributes);

$("a.video_link").click(function(){
      //Merge basic settings with title
      params = $.extend(flowBoxParams,{title:this.title,html:$container});

      //Send object to FlowPlay
      $.fancybox(params);

     //Show the video play
     $($container).show();
});

これは基本的に、デフォルト設定 (flashvars、flowBoxParams) を含む変数に設定し、id (MediaPlayerHolder) を持つ空の div コンテナーを作成し、それを display:none に設定するだけです。

次に、flowplayer swf である swfObject を使用して基本的な Flash 要素を作成し、非表示の div コンテナーに割り当てます。

次に、ユーザーのクリックがアクティブになるのを待ってから、デフォルト設定を変更してタイトル値を flowplayer オプションに追加します。

次に、必要なことを開始するようフロー プレーヤーに指示します。

コンテナの可視性を薄く変更します。

これはテストされていませんが、swf 自体をロードする際にフローが厳密でない限り、エラーが発生した場合は軽微なものにすぎません。

于 2010-06-02T21:16:21.930 に答える
0

私はこれを頻繁に行っていますが、これを機能させる唯一の方法は、単純にこれを行うことでした。

JavaScript >>

flowplayer(".player", "http://www2.imperial.ac.uk/business-school/etu/courses_1112/common/scripts/flowplayer/flowplayer-3.2.7.swf");

$('.yourbox').fancybox();

HTML >>

<a class="yourbox" href="#data" >This shows content of element who has id="data"</a>

<div style="display:none">
   <div id="data">
       <a href="http://helix.imperial.ac.uk/bsflash/courses/finance_group/ethics/icm.mp4" style="display:block;width:640px;height:360px" class="player"></a>
   </div>
</div>

このようにすると、ボックスを閉じるときにプレーヤーをアンロードするために、ie hack を追加する必要があります。

于 2012-02-21T16:28:53.383 に答える