jquery 슬라이드 및 html5 비디오

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

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

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

출처

2011-08-02 sam

Media Events 당신이 활용할 수있는 노출 사건의 개요를 가지고있다. play 이벤트에서 슬라이드 쇼를 중지하고 ended 이벤트에서 다시 시작하기 만하면됩니다.

예 : <video ... onPlay="//DoJSStuffHere" onEnded="//DoOtherJSStuffHere" />

출처

2011-08-02 11:25:03 Semyazas

감사합니다. 그러나 비디오 요소의 현재 상태는 어떻게 얻습니까? – sam

'일시 중지'뿐만 아니라 확인할 수있는 '재생 중'상태가 있지만 개인적으로 처음 슬라이드에서 슬라이드를 중지하고 해당 일시만큼 '일시 중지'로 실행하는 것으로 충분하다고 추측합니다 동영상을 실행하거나 중지하도록 설정해야합니다. 내 업데이트 된 답변보기 – Semyazas

thanks semaz. 나는 그것을 시도하고 알려 드리겠습니다. 건배! – sam

처럼 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 }

출처

2011-08-02 12:04:49 tbleckert

'var v = $ ('# id-of-movie'); '만약 그가 jQuery를 사용한다면 ;-) – Semyazas

그렇게 할 수 없다면 $ ('# id-of-movie')를 추가해야합니다. get (0); :) – tbleckert

프레임 워크를 전환하고 다시 들어가는 것보다 훨씬 낫습니다. 그런 식으로 구문 오류가 발생합니다. – Semyazas

jquery 슬라이드 및 html5 비디오

답변

관련 문제