Question

首先我不知道javascript的逻辑或语法 - 我只是抓住代码并且可能换掉一些值，所以非常感谢你在答案中提供的手持。我只是想让我在移动设备上的视频暂停点击/恢复播放，就像在YouTube上一样。我目前正在使用CDN作为默认的css和js文件，然后我在我的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，点按手机上的视频播放/暂停

1 个答案: