How to display HTML after video play finishes?

Question

I am new here.

I would like to know how can I display HTML code after a video is finished playing. I am using FlowPlayer (http://www.flowplayer.org) .

I have tried to achieve this using JW Flash Player (http://www.longtailvideo.com/players/jw-flv-player/), but was unable figure out anything.

Also, let me know if it's possible or not. And if it is, please share with me and everybody on StackOverflow.

P.S. I am using PHP.

Answer 1

According to the FlowPlayer documentation an onFinish event is fired when the video finishes. While I've just changed some of the example code something like this should work:

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"); 
        }  
    }
});

The line of jQuery will insert the html string you specify into a div with an ID of finish.

Answer 2

i 도와 팜 관리자, 로컬 컴퓨터 관리자, 로컬 실행을 서버에 대한 권리가 있고 SP 캐시를 지워 냈습니다.

2014 년 4 월 CU가 수정 ( http://support.microsoft.com/kb/2760265INC / KRW / 2760265INC "a>) SQL Server 2014를 사용할 때 사용자 프로필 SyncRhonisation 서비스가 실행되지 않는 경우.

4 월 CU를 설치하고 매우 오래 걸리고 서버를 다시 시작했으며 서비스가 시작되었습니다.

Answer 3

You can use the onFinish clip event with flowplayer to trigger whatever it is you are trying to show:

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

Depending on the html you are trying to show, you could use the "Content" flash plug-in to display it. It's commonly used for stuff like captions.

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

Answer 4

Okay people, I have finally figured it out, thanks for everyone who answered.

Here's the code I used along with the 'Content' plugin.

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

I hope this helps someone.