كيف تعرض 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 التي تحددها في DIV مع معرف من النهاية.

Answer 2

ماذا تقصد بـ "عرض رمز HTML"؟ بشكل عام ، يجب عليك القيام بذلك على جانب العميل باستخدام JavaScript وربط دالة رد الاتصال على FlowPlayer's onfinish حدث مقطع.

Answer 3

يمكنك استخدام حدث Clip OnFinish مع FlowPlayer لتشغيل كل ما تحاول إظهاره:

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

اعتمادًا على HTML الذي تحاول عرضه ، يمكنك استخدام المكون الإضافي "المحتوى" لعرضه. يستخدم عادة لأشياء مثل التسميات التوضيحية.

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>

آمل أن يساعد هذا شخص ما.