jquery 슬라이드 및 html5 비디오

Question

슬라이드 쇼 SlidesJS의 첫 번째 요소로 HTML5 비디오를 사용하려고합니다. 문제는 비디오를 재생하기 위해 재생 버튼을 클릭하면 비디오가 완전히 끝날 때까지 슬라이드 쇼가 중단 된 다음 슬라이드 쇼가 다음 슬라이드로 이동해야한다는 것입니다. 또한 hoverpause는 이미지에서만 작동하지만 html5 동영상 요소에서는 작동하지 않습니다.

여기에 지금까지 내 자바 스크립트 코드입니다 :

$(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 말한다, 그러나에-특성을 생략하고 자바 스크립트와 함께 할 : 의미가 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 }