1

私はここでは新人です。

ビデオの再生が終了した後、HTMLコードを表示する方法を教えてください。FlowPlayer（http://www.flowplayer.org）を使用しています。

JW Flash Player（http://www.longtailvideo.com/players/jw-flv-player/）を使用してこれを達成しようとしましたが、何も理解できませんでした。

また、可能かどうか教えてください。もしそうなら、StackOverflowで私とみんなと共有してください。

PS私はPHPを使用しています。

4

4 に答える 4

9

FlowPlayerのドキュメントによると、ビデオが終了するとonFinishイベントが発生します。サンプルコードの一部を変更したところ、次のようなものが機能するはずです。

flowplayer("player", "yourmoviefile.swf", {  

    // a clip object 
    clip: { 

        // a clip event is defined inside clip object 
        onFinish: function() { 
            $('#finish').html('your string to show here');
            alert("clip started"); 
        }  
    }
});

jQueryの行は、指定したhtml文字列をIDがfinishのdivに挿入します。

于 2010-03-30T18:14:29.453 に答える
1

「HTMLコードの表示」とはどういう意味ですか？一般的に、javascriptを使用してクライアント側でこれを実行し、コールバック関数をFlowplayerのonFinishクリップイベントにバインドする必要があります。

于 2010-03-30T18:13:44.337 に答える
0

フロープレーヤーでonFinishクリップイベントを使用して、表示しようとしているものをトリガーできます。

http://flowplayer.org/documentation/events/clip.html

表示しようとしているHTMLに応じて、「コンテンツ」フラッシュプラグインを使用して表示できます。キャプションなどによく使用されます。

http://flowplayer.org/plugins/flash/content.html

于 2010-03-30T18:17:20.023 に答える
0

さて、私はついにそれを理解しました、答えたすべての人に感謝します。

これが、「コンテンツ」プラグインと一緒に使用したコードです。

    <div id="page">         
        <a href="flowplayer.flv"  
             style="display:block;width:520px;height:330px"  
             id="player"></a>           
        <script>                
            var player = flowplayer("player", "flowplayer-3.1.5.swf", {             
            plugins: {                  
                myContent: {                                        
                    url: 'flowplayer.content-3.1.0.swf',                                        
                    top: 20, 
                    width: 300,                     
                    borderRadius: 10,
                    display: 'none'                                             
                } 
            }               
            });             
            )               
            player.onFinish(function(clip) {
                var m=this.getPlugin("myContent");
                m.show();
                m.setHtml('You advertisement here. <b>This is bold text.</b> <i>This is italicized.</i>');
            });
        </script>       
    </div>

これが誰かに役立つことを願っています。

于 2010-03-31T06:09:37.500 に答える