Video.js、モバイルでビデオをタップして再生/一時停止

Question

最初に私はjavascriptのロジックや構文がわかりません - 私はちょうどコードをつかんで、多分いくつかの値を入れ替えることができます。答えは大歓迎です。私はちょうど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); 
     } 
    }); 
});