如何隐藏 Vimeo 控件答案

【问题标题】：How to Hide Vimeo Controls如何隐藏 Vimeo 控件
【发布时间】：2014-09-18 05:27:03
【问题描述】：

为我们的学生提供了使用 Vimeo 的视频教程。

学生看完视频后，会收到一些测验。

我们发现，学生们会使用快进控件将滑块向前移动，以缩短观看视频所需的时间。

我们想阻止这种情况，并且想知道是否有办法禁用或隐藏快进控件，这样学生就无法再前进以缩短视频时间。

感谢您的帮助

【问题讨论】：

如果学生不用看视频就可以通过测验，那为什么还要浪费他们的时间呢？如果您想吸引学生的参与，主题显然需要更加困难，否则他们只会结账并尝试尽快完成课程。

标签： jquery vimeo vimeo-api

【解决方案1】：

这是我防止 Vimeo 快进的解决方案 - 我与 Vimeo API 进行了非常出色的交互。

脚本会记住用户尝试快进的视频时刻。然后js会回到正确的地方。

您的视频：

<iframe src="{{ $video_path }}" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

记得添加vimeo脚本：

<script src="https://player.vimeo.com/api/player.js"></script>

JavaScript 逻辑：

 let iframe = document.querySelector('iframe');
 let player = new Vimeo.Player(iframe);
 let playing = false;
 let simulationTime = 0;

 player.on('play', function(e) {
     playing = true;
 });

 player.on('pause', function(e) {
     playing = false;
 });

 /**
 * Event fired when user want to fast forward
 */
 player.on('seeked', function(e) {
     if (e.seconds > simulationTime) {
         player.setCurrentTime(simulationTime).then(function(seconds) {
         }).catch(function(error) {
            switch (error.name) {
                case 'RangeError':
                    // The time is less than 0 or greater than the video's duration
                    break;
                default:
                    // Some other error occurred
                    break;
            }
         });
     }
     else {
         simulationTime = data.seconds;
     }
 });

 /**
 * Keep time going
 */
 window.setInterval(function() {
     if (playing) {
         simulationTime++;
     }
 }, 1000);

干杯！

【讨论】：

【解决方案2】：

我们可以控制 iframe 中的所有东西，参见 EX。

title=0   for title hide
sidedock=0  for social icon hide
controls=0 . for button hide

<iframe class="iframe" src="//player.vimeo.com/video/191777290?title=0&byline=0&portrait=0&sidedock=0" width="100%" height="430" frameborder="0" webkitallowfullscreen   mozallowfullscreen allowfullscreen>

【讨论】：

适用于标题、sideock 但不适用于控件。
纯真棒。

【解决方案3】：

确保您已登录 Vimeo。
进入视频设置页面：https://vimeo.com/{enter_video_id}/settings/embed
取消选中Player Preferences下的Show Play Bar

编辑：您必须拥有 Plus 或 Pro 帐户才能使用这些功能。

【讨论】：

感谢您的回复。音量后也不会取消选中显示播放栏吗？
这仍然适用，还是您需要 Pro 帐户？
@larpo 正确，我在答案中添加了一个编辑以表明这一点
background=1 将摆脱所有控件。
啊哈，这些控件是在视频编辑页面上配置的，但其中一些看起来像是隐藏的功能，例如 ?background=1&muted=1&autoplay=1