plugin jQuery pour les annonces vidéo html5 InStream?
-
24-09-2019 - |
Question
Y a-t-il des plugins jQuery pour la vidéo html5 insérer des annonces dans la InStream de vidéo?
La plupart de ceux flash travail en arrêtant la vidéo à un horodatage particulier, et la lecture d'un flux publicitaire, puis reprenant le flux vidéo d'origine. Les sous-titres jquery plugin pour le html5 semble très similaire, mais différent.
La solution
Je ne trouve pas de plug-ins, mais je l'ai patché JCAP pour fournir un rappel et fait un exemple ajouter: 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)
}
}
});
Ce n'est pas idéal. Si je devais vous, j'ai commencé un nouveau plug-in à partir de zéro juste pour ça. Il est difficile de ne pas construire au-dessus de ce qui est déjà fait JCAP.
Autres conseils
HTML5 commence vraiment et charge la vidéo beaucoup plus rapide par rapport à son homologue flash. Cependant, les sons de quelques-unes des vidéos ont tendance à être soit retardé ou ils (les sons) ne joueraient pas du tout. Il a encore besoin de travail.
Voici par exemple rapide de la façon de mettre un élément HTML sur une vidéo et montrer à un moment précis! http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/