Plugin jQuery pour les annonces vidéo html5?

Question

Existe-t-il des plugins jQuery pour la vidéo html5 permettant d'insérer des annonces dans la vidéo?

La plupart des flash fonctionnent en mettant la vidéo en pause à un horodatage particulier et en lisant un flux d'annonces, puis en reprenant le flux vidéo d'origine. Le plugin jquery légendes pour html5 semble très similaire, mais différent.

Answer 1

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 j'étais vous, j'ai commencé un nouveau plugin à partir de zéro juste pour ça. Il n'est pas difficile de construire sur ce que jCap fait déjà.

Answer 2

Le HTML5 démarre et charge la vidéo beaucoup plus rapidement que son équivalent Flash. Cependant, les sons de certaines vidéos ont tendance à être retardés ou ils (les sons) ne joueraient pas du tout. Il a encore besoin de travail.

Answer 3

Voici un exemple rapide de la façon de placer n'importe quel élément HTML au-dessus d'une vidéo et de l'afficher à un moment précis! http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/