Video.js, 모바일에서 동영상을 재생/일시 중지

Question

먼저 논리 또는 자바 스크립트 구문을 모르겠다 - 난 그냥 잡아 코드와 어쩌면 당신이 제공 할 수있는 많은 손을 들고로 스왑 대답은 크게 감사드립니다. 휴대 기기의 동영상을 YouTube 에서처럼 탭하여 재생/일시 중지/다시 시작하는 것이 좋습니다. 현재 CSS 및 js 파일에 대해 CDN을 사용하고 있습니다. 그런 다음 CSS 및 내 로컬 js 파일을 아래 코드와 함께 사용합니다. 추가 할 코드와 추가 할 위치를 미리 알아야합니다. 미리 감사드립니다.

$(function(){ 
    var $refreshButton = $('#refresh'); 
    var $results = $('#css_result'); 

    function refresh(){ 
    var css = $('style.cp-pen-styles').text(); 
    $results.html(css); 
    } 

    refresh(); 
    $refreshButton.click(refresh); 

    // Select all the contents when clicked 
    $results.click(function(){ 
    $(this).select(); 
    }); 
}); 

Answer 1

비디오 컨테이너에 "touchstart"이벤트를 바인딩하십시오. 예를 들어 동영상이 안에있는 경우 :

jQuery(function(){ 
    var $refreshButton = jQuery('#refresh'); 
    var $results = jQuery('#css_result'); 

    function refresh(){ 
    var css = jQuery('style.cp-pen-styles').text(); 
    $results.html(css); 
    } 

    refresh(); 
    $refreshButton.click(refresh); 

    // Select all the contents when clicked 
    $results.click(function(){ 
    jQuery(this).select(); 
    }); 

    jQuery('.video').on('touchstart', function(){ 
     if (player.userActive() === true) 
     { 
     player.userActive(false); 
     } 
     else 
     { 
     player.userActive(true); 
     } 
    }); 
});