Как отобразить 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 Документация событие 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-строку в div с идентификатором finish.

Answer 2

Что вы подразумеваете под "отображением HTML-кода"?Вообще говоря, вы должны сделать это на стороне клиента с помощью javascript и привязать функцию обратного вызова к Flowplayer На финише событие клипа.

Answer 3

Вы можете использовать событие onFinish clip с помощью flowplayer, чтобы запустить все, что вы пытаетесь показать:

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

В зависимости от html-кода, который вы пытаетесь отобразить, вы могли бы использовать флэш-плагин "Content" для его отображения.Он обычно используется для таких вещей, как подписи.

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>

Я надеюсь, что это кому-то поможет.