php - 视频播放完成后如何显示 HTML？

Question

我刚来这地方。

我想知道如何在视频播放完毕后显示 HTML 代码。我正在使用 FlowPlayer ( http://www.flowplayer.org )。

我曾尝试使用 JW Flash Player ( http://www.longtailvideo.com/players/jw-flv-player/ ) 来实现这一点，但无法弄清楚任何事情。

另外，让我知道是否可能。如果是，请与我和 StackOverflow 上的每个人分享。

PS我正在使用PHP。

Answer 1

根据 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 中。

Answer 2

“显示 HTML 代码”是什么意思？一般来说，您必须在客户端使用javascript并绑定一个回调函数到Flowplayer的onFinish剪辑事件。

Answer 3

您可以将 onFinish 剪辑事件与 flowplayer 一起使用来触发您尝试显示的任何内容：

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

根据您尝试显示的 html，您可以使用“内容”flash 插件来显示它。它通常用于字幕等内容。

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

Answer 4

好的各位，我终于弄明白了，谢谢大家的回答。

这是我与“内容”插件一起使用的代码。

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

我希望这可以帮助别人。