2016-07-05 74 views
0

首先,我不知道javascript的邏輯或語法 - 我只是抓住代碼,也許換出一些值,所以像你可以在你的非常感謝答覆。我只想讓移動設備上的視頻在點按/繼續播放時暫停,就像YouTube一樣。我目前使用CDN作爲默認的css和js文件,然後我在我的css中使用了一些皮膚自定義功能,並使用下面的代碼創建了我自己的本地js文件。我只需要知道要添加什麼代碼,以及在哪裏添加它 - 事先感謝!Video.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(); 
    }); 
}); 

回答

0

綁定視頻容器上的「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); 
     } 
    }); 
}); 
+0

感謝您的回答,請您詳細說明一下好嗎?我假設這段代碼用我上面發佈的代碼進入我的本地.js文檔?而通過視頻的「容器」,你的意思是它的div容器在html中? – datCodeTho

+0

是的。我更新了答案。 – AmN