비디오 용 사용자 정의 "재생"버튼 만들기

Question

이것은 현재 내 주요 마크 업입니다.

기본적으로 비디오 상자와 "재생"단추가 있습니다. 자바 스크립트를 통해이 버튼이 비디오 재생/일시 정지를 허용 할 수 있는지 궁금합니다. 나는이 doable 또는 아닙니다, 그러나 그것이 인 경우에 만약에 나가 그것을하기에 관하여 갈 것입니다 어떻게 알게하십시오 나는 확실하지 않다.

감사

Answer 1

이 쉽게 자바 스크립트에서 수행되며, 실제로 아주 기본입니다.

이 코드 울부 짖는 소리는 당신을 위해 그것을 할 것입니다 :

var playButton = document.getElementById("play_button"); 
// Event listener for the play/pause button 
playButton.addEventListener("click", function() { 
    if (video.paused == true) { 
    // Play the video 
    video.play(); 

    // Update the button text to 'Pause' 
    playButton.innerHTML = "Pause"; 
    } else { 
    // Pause the video 
    video.pause(); 

    // Update the button text to 'Play' 
    playButton.innerHTML = "Play"; 
    } 
});