通过单击 Vimeo 中的屏幕禁用视频停止

Question

我正在尝试弄清楚我在 Vimeo Player 中使用的 "issue"（我正在使用 Vimeo Plus 以获得更好的功能）。

a) 我想尝试禁用当用户点击视频时视频停止的选项。即使我隐藏了几乎所有内容，视频仍然可以通过在播放时单击它来停止。我想尝试禁用它。或者禁用用户与视频的任何交互（例如，鼠标光标在视频区域中被禁用或忽略）。

b) 如果以上不可能，我想至少向用户显示一条替代消息，例如 "You have stopped the video. Please click on the video again to play it." 或者当用户停止它以再次自动播放视频时。

感谢您对答案的任何建议或导致答案的信息。

进一步解释一下。在名为 Qualtrics (https://en.wikipedia.org/wiki/Qualtrics) 的平台内进行开发。

基本代码：

<!DOCTYPE html>
<html>
 <head>
  <title>Experiment</title>
 </head>
 <body>

  <div style="text-align: center;">
   <iframe allowfullscreen="" frameborder="0" height="360" mozallowfullscreen=""src="https://player.vimeo.com/video/ANONYM?autoplay=1&amp;title=0&amp;byline=0&amp;portrait=0" webkitallowfullscreen="" width="640">
   </iframe>
  </div>

 </body>
</html>

我不知道如何禁用它。因此，我只发布具有自动播放功能的当前代码和我知道如何使用的功能。

Answer 1

您必须在您的 iframe 下创建另一个层（一个空的 div）来捕获所有事件。

样本：

<html>
  <head>
    <title>Vimeo</title>
  </head>
  <style type="text/css">
    #box {

      position: absolute; 
      width: 640px;
      height: 360px;
      margin-top: -360px;
      border: 2px solid green;
    }
  </style>
  <body>
    <iframe src="https://player.vimeo.com/video/83611065?color=ff9933&autoplay=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen autoplay></iframe>
    <div id="box"></div>
  </body>
</html>

Demo

通过单击 Vimeo 中的屏幕禁用视频停止

Disabling stopping of video by clicking on screen in Vimeo

javascript

video

vimeo