首页 文章

视频js . 玩家在手机上轻按一下即可暂停/玩游戏

提问于
浏览 次
2

我的网站上有很多响应式html5视频，我想通过点击/点击视频来播放/暂停它们 . 它在桌面上的工作方式与智能手机一样，如果你点击视频它只是显示控件，所以你需要第二次点击控件来播放/暂停 . 有没有办法让video.js播放器在移动设备上与桌面设备类似 . 一次点按视频（不是控件）即可播放第二次点击暂停 . 这是我的代码 . 请帮忙

<div class="wrapper">
<div style="max-width: 400px;margin:auto">

<video id="video1" class="video-js vjs-default-skin vjs-big-play-centered "
   loop controls preload="auto" width="auto" height="auto" 
  poster="example.png"
  data-setup='{"children": {"loadingSpinner": false}}'>
   <source src="example.mp4" type='video/mp4' />    

 <source src="example.webm" type='video/webm' />
</video>
</div>
</div>
javascript ios html5 video video.js

1 回答

  • 7

    您需要覆盖默认的点按行为 . 为了那个原因 -

    • 而不是video.js文件包括开发人员版本video.dev.js

    • 重新定义.js文件中的点击 before videojs player的初始化：

    videojs.MediaTechController.prototype.onTap = function(){
      if (this.player().controls()) {
        if (this.player().paused()) {
          this.player().play();
        } else {
          this.player().pause();
        }
      }
    };
    回复于

相关问题