Domanda

Ci sono plugin jQuery per il video HTML5 da inserire annunci in-stream nel video?

La maggior parte del lavoro di quelli in flash mettendo in pausa il video in un particolare timestamp, e la riproduzione di un flusso di annunci, poi riprendere il flusso video originale. Le didascalie plugin jQuery per HTML5 sembra molto simile, ma diverso.

È stato utile?

Soluzione

Non ho trovato alcun plugin, ma ho patchato JCAP per fornire un callback e ha fatto un esempio aggiuntivo: 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)
        }
    }
});

Questa non è l'ideale. Se fossi in te, ho iniziato un nuovo plugin da zero solo per questo. Non è difficile costruire in cima a ciò che è già JCAP fa.

Altri suggerimenti

HTML5 avvia e carica il video molto più veloce rispetto alla sua controparte Flash definitivamente. Tuttavia, i suoni di alcuni dei video tendono ad essere sia ritardato o che (i suoni) non sarebbe giocare a tutti. Ha bisogno ancora di lavoro.

Ecco rapido esempio di come mettere qualsiasi elemento HTML in cima ad un video e vederlo in un momento specifico! http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top