비디오와 함께 궤도 슬라이더 사용

Question

나는 Orbit Slider에 관한 질문이 있습니다.

슬라이더에 YouTube 동영상을 배치하고 싶습니다. img을 대체하기 위해 div 및 이 포함되어 있으며이 포함되어 성공적이었습니다. 동영상을 재생하고 중지 할 수 있습니다.

제 질문은 슬라이더의 비디오에서 PLAY을 누를 때 어떻게 슬라이더의 타이머를 멈출 수 있습니까?

Answer 1

궤도 슬라이더 자바 스크립트를 보면 이벤트를 사용하여 작동합니다. JS는이이를 사용할 때 보통 '기능'ID를 가진 이벤트 'orbit.stop'와 HTML 요소에 'orbit.start'이벤트를 (바인딩

this.$element.bind('orbit.start', function (event, index) { 
    self.startClock(); 
    }); 

    this.$element.bind('orbit.stop', function (event, index) { 
    self.stopClock(); 
    }); 

파일 궤도 코드의 이러한 비트를 찾습니다 궤도 설정의 기초적인 방법). 따라서 이러한 이벤트를 실행하는 경우 'orbit.stop'은 HTML 요소에서 stopClock() 함수를 호출합니다. 다음은

<a id="stop-button" href="#" class="button rounded">stop</a> 
<a id="start-button" href="#" class="button rounded">start</a> 

자바 스크립트

$('#stop-button').on('click',function(){ 
    $('#featured').trigger('orbit.stop'); 
}); 

$('#start-button').on('click',function(){ 
    $('#featured').trigger('orbit.start'); 
}); 


/*using the setup 
<div id="featured"> 
    <img src="../images/orbit-demo/demo1.jpg" /> 
    <img src="../images/orbit-demo/demo2.jpg" /> 
    <img src="../images/orbit-demo/demo3.jpg" /> 
</div> 
*/ 

에게

HTML ... 도움이 될 것입니다