سؤال

هل هناك أي ملحقات مكون من jQuery لفيديو HTML5 لإدراج إعلانات Instream في الفيديو؟

تعمل معظم تلك الفلاش عن طريق إيقاف الفيديو في طابع زمني معين ، وتشغيل دفق إعلاني ، ثم يستأنف دفق الفيديو الأصلي. يبدو المكوّن الإضافي لـ jQuery Captions لـ HTML5 متشابهًا للغاية ، لكنه مختلف.

هل كانت مفيدة؟

المحلول

لم أجد أي مكونات إضافية ، لكنني قمت بتصحيح JCAP لتقديم رد اتصال وقدمت مثالًا على إضافة:http://github.com/irae/jcaps/blob/master/addsexample.html

$("#myVid").jCaps({
    language: 'en',
    languageChooser: false,
    toggleButton: false,
    onButton: false,
    offButton: false,
    interfaceImg: false,
    transcriptButton:false,
    showCaptions: true,
    transcriptType: 'html',
    transcriptsDiv: $('#transcripts'),
    subtitleChangeCallback:function(oldV,newV) {
        if(!addShown) {
            addShown = true;
            $('#myVid').get(0).pause();
            setTimeout(function(){
                $('#captions').text('');
                $('#myVid').get(0).play();
            },5*1000); // time to show add (5 seconds)
        }
    }
});

هذا ليس مثاليًا. إذا كنت أنت ، فقد بدأت مكونًا إضافيًا جديدًا من نقطة الصفر فقط لذلك. ليس من الصعب البناء فوق ما يفعله JCAP بالفعل.

نصائح أخرى

يبدأ HTML5 بالتأكيد ويقوم بتحميل الفيديو بشكل أسرع مقارنة بنظيره الفلاش. ومع ذلك ، فإن أصوات بعض مقاطع الفيديو تميل إما إلى تأخير أو أنها (الأصوات) لن يتم تشغيلها على الإطلاق. لا يزال يحتاج إلى العمل.

فيما يلي مثال سريع على كيفية وضع أي عنصر HTML أعلى الفيديو وإظهاره في وقت محدد!http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-an-an-html5-video-element-with-javascript/

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top