jqueryスライドとhtml5ビデオ

Question

スライドショーSlidesJSの最初の要素としてHTML5ビデオを使用しようとしています。問題は、ビデオを再生するために再生ボタンをクリックすると、ビデオが完全に終了するまでスライドショーが停止し、スライドショーが次のスライドに移動するはずです。また、hoverpauseは画像のみで動作し、html5ビデオ要素では動作しません。

はここで、これまでに私のJavaScriptコードです：

$(function() { 
    $('#slides').slides({ 
     preload: true, 
     preloadImage: 'Images/loading.gif', 
     play: 5000, 
     pause: 2500, 
     hoverPause: true 
    }); 
}); 

Answer 1

Media Eventsはあなたの中にタップすることができさらさイベントの概要を持っています。 playイベントでスライドショーを停止し、endedイベントで再起動するだけです。

例：<video ... onPlay="//DoJSStuffHere" onEnded="//DoOtherJSStuffHere" />

Answer 2

同様Semyazas氏は述べていますが、オン属性をスキップして、JavaScriptでそれを行う：理にかなっているsemyazas.that

var v = document.getElementById("id-of-movie"); 
//$(v).bind('pause', function() { the video gets paused } 
//$(v).bind('play', function() { do something when the video starts playing, fired by v.play() 
//$(v).bind('ended', function() { the video has ended }