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

Disabling stopping of video by clicking on screen in Vimeo

本文关键字：视频 屏幕 Vimeo      更新时间：2023-09-26

我正在努力解决Vimeo Player的以下"问题"（我使用Vimeo Plus是为了获得更好的功能）。

a） 我想尝试禁用当用户点击视频时视频停止的选项。尽管我几乎把所有东西都藏起来了，但视频播放时点击它仍然可以停止。我想尝试禁用此功能。或者禁用用户与视频的任何交互（例如，在视频区域禁用或忽略鼠标光标）。

b） 如果无法实现上述操作，我希望至少向用户显示一条替代消息，例如"您已停止视频。请再次单击视频播放。"或者当用户停止视频时，再次自动播放视频。

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

进一步解释。该开发正在一个名为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>

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

您必须在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>

演示

相关文章：