Как отобразить HTML после завершения воспроизведения видео?

Я новенький здесь.

Я хотел бы знать, как я могу отобразить HTML-код после завершения воспроизведения видео. Я использую FlowPlayer (http://www.flowplayer.org).

Я попытался добиться этого с помощью JW Flash Player (http://www.longtailvideo.com/players/jw-flv-player/), но ничего не смог понять.

Также дайте мне знать, если это возможно или нет. И если это так, пожалуйста, поделитесь со мной и со всеми на StackOverflow.

P.S. Я использую PHP.


php jquery jwplayer flowplayer
person kapeels    schedule 30.03.2010    source источник

Ответы (4)


arrow_upward
9
arrow_downward

Согласно документации 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 с идентификатором завершения.

person nobody    schedule 30.03.2010

arrow_upward
1
arrow_downward

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

person jholster    schedule 30.03.2010

arrow_upward
0
arrow_downward

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

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

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

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

person Malevolence    schedule 30.03.2010

arrow_upward
0
arrow_downward

Ладно, наконец-то разобрался, спасибо всем ответившим.

Вот код, который я использовал вместе с плагином 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>

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

person kapeels    schedule 31.03.2010