plugin per jQuery per gli annunci HTML5 Video-stream?
-
24-09-2019 - |
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.
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/