Video.js，点击手机上的视频 play/pause

Question

首先，我不知道 javascript 的逻辑或语法 - 我只是抓取代码，可能会换掉一些值，因此非常感谢您在回答中提供的尽可能多的帮助。我只想让移动设备上的视频在 tap/resume 点按播放时暂停，就像在 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);
      }
   });
});

Video.js，点击手机上的视频 play/pause

Video.js, tap video on mobile to play/pause

javascript

mobile

video.js