html5視頻插播廣告的jQuery插件？

Question

是否有任何用於html5視頻的jQuery插件可以將視頻流插入到視頻中？

大多數閃光燈都是通過在特定時間戳暫停視頻並播放廣告流，然後恢復原始視頻流來工作的。 html5的jquery字幕插件看起來非常相似，但不同。

Answer 1

我沒有找到任何插件，但我已經修補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已經完成的基礎上構建並不困難。

Answer 2

與其閃存相比，HTML5明確啓動並加載視頻的速度要快得多。但是，某些視頻的聲音往往要麼被延遲，要麼他們（聲音）根本不會播放。它仍然需要工作。

Answer 3

下面是如何將任何HTML元素放在視頻頂部並在特定時間顯示的快速示例！ http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/