如何在視頻播放完成後顯示HTML？

Question

我是新來的。

我想知道如何在視頻播放完畢後顯示HTML代碼。我正在使用FlowPlayer（http://www.flowplayer.org）。

我試圖使用JW Flash Player（http://www.longtailvideo.com/players/jw-flv-player/）來實現這一點，但無法找出任何東西。

另外，讓我知道是否有可能。如果是這樣，請在StackOverflow上與我和所有人分享。

P.S.我正在使用PHP。

Answer 1

根據FlowPlayer documentation，當視頻結束時會觸發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的行會插入指定與面漆的ID的DIV HTML字符串。

Answer 2

你是什麼意思的「顯示HTML代碼」？一般而言，您必須在客戶端使用javascript執行此操作，並將回調函數綁定到Flowplayer的onFinish剪輯事件。

Answer 3

可以使用onFinish剪輯事件具有的Flowplayer觸發不管它是你正在試圖表明：

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

取決於你試圖顯示HTML，您可以使用「內容」閃存插件來顯示它。它通常用於字幕等內容。

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

Answer 4

好的人，我終於想通了，大家誰回答感謝。

下面是我和'Content'插件一起使用的代碼。

<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> 

我希望這有助於某人。