Javascript 自定义视频控制按钮，适用于移动友好型网站--”；“玩”；不起作用

我在一个网站上工作，这个网站上有一个班级的不同视频。每个视频都来自角色的不同视角，用户可以从页面底部的按钮栏选择要显示的视频。我有自己的自定义按钮来播放、暂停、回放、快进等，以保持所有其他视频同步

这个网站必须在手机上运行，而现在我似乎无法使用自定义按钮来播放视频。我主持了视频和页面上显示的所有元素，您可以看到带有典型灰色播放符号覆盖的视频大纲。当按下“我的播放”按钮时，视频不会启动，只有当视频本身被按下时才会启动。当按下视频时，它会显示典型的移动全屏，黑色环绕，基本上会离开网页。按钮和交互性在计算机上的所有浏览器上都能正常工作，只是不知道如何使其完全移动友好。这是我的第一个主要HTML5/javascript项目。有什么我遗漏的吗

这是关于我制作的按钮的javascript：

var video = document.querySelector('#one'),
        beginningButton = document.querySelector('#beginning'),
        rewindButton = document.querySelector('#rewind'),
        playButton = document.querySelector('#play'),
        pauseButton = document.querySelector('#pause'),
        fastforwardButton = document.querySelector('#fastforward'),
        endButton = document.querySelector('#end'),
        video1Button = document.querySelector('#toggle_video_1'),
        video2Button = document.querySelector('#toggle_video_2'),
        position = document.querySelector('#position'),
        ready = false,
        controls = document.querySelector('#controls'),
        scrub = document.querySelector('#scrub');

    // Button events
    addEvent( video1Button, 'click', function () {
      $( video ).toggle();
      if( this.value == "video 1 Off"){
        this.value = "video 1 On"; 
      }
      else{ 
        this.value = "video 1 Off"; 
      }
    });

    /* repeat several times for each of the videos ... */

    // video events
    addEvent( beginningButton, 'click', function() {
      video.currentTime = 0;
      video2.currentTime = 0;
    });

    addEvent( rewindButton, 'mousedown', function() {
      video.playbackRate = -2.0;
      video2.playbackRate = -2.0;
    });

    addEvent( rewindButton, 'mouseup', function() {
      video.playbackRate = 1.0;
      video2.playbackRate = 1.0;
    });

    addEvent( playButton, 'click', function() {
      if ( ready ) {
        if( video.paused ){
          video2.currentTime = video.currentTime;
          video.play();
        }
      }
    });

    addEvent( pauseButton, 'click', function () {
      if ( ready ) {
        if ( video.paused ) {
          if ( video.ended ) {
            video.currentTime = 0;
            video2.currentTime = 0;
          }
        } else {
          video.pause();
          video2.currentTime = video.currentTime;
        }
      }
    });

    addEvent( fastforwardButton, 'mousedown', function() {
      video.playbackRate = 2.0;
      video2.playbackRate = 2.0;
    });

    addEvent( fastforwardButton, 'mouseup', function() {
      video.playbackRate = 1.0;
      video2.playbackRate = 1.0;
    });

    addEvent( endButton, 'click', function() {
      video.currentTime = video.duration;
      video2.currentTime = video.duration;
    });

    addEvent( video, 'play', function () {
      video2.play();
    });

    addEvent( video, 'pause', function () {
      video2.pause();
    })

---

你能给我们现场演示一下这个页面吗？还是一个小问题？任何形式的代码都会有帮助；）抱歉，刚刚添加了自定义按钮的javascript，没有HTML等，几乎没有显示任何有用的内容。。。你应该看看这个指南：我唯一能想到的就是你错过了触摸事件。。。添加jquery mobile和用于修补的事件等。