视频.js，点按移动设备上的视频以播放/暂停

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

本文关键字：的视频 播放 暂停 js 移动 视频      更新时间：2023-09-26

首先，我不知道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();
  });
});

在视频的容器上绑定"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);
      }
   });
});
相关文章：