Question

我正在尝试使用iframe在我的Qualtrics调查中嵌入vimeo视频。当此视频结束时，我想自动前进到下一页（即，自动按下＆＃34;下一个按钮＆＃34;）。在使用vimeo之前，我的视频存储在Dropbox上，我使用了以下代码（网址不是真实的）：

<video autoplay="" id="video1" height="580" width="740"><source src="https://dl.dropboxusercontent.com/u/6339921/att/fam.mp4" type="video/mp4"></video>

Qualtrics.SurveyEngine.addOnload(function() {    
  that = this; 
  document.getElementById('video1').addEventListener('ended',myHandler,false);
  function myHandler(e) {
    if(!e) { 
      e = window.event; 
    }
    that.clickNextButton();  
  }
});

但是，似乎我必须使用iframe与vimeo，但我无法使自动前进工作（视频将播放，但页面将无法前进）。也许是因为我正在分配＆＃34; ID＆＃34;错误的方法。这是代码：

<iframe id="player1"  src="https://player.vimeo.com/video/20708824?autoplay=1api=1&player_id=player1&title=0&byline=0&portrait=0&background=1&mute=0&loop=0" width="600" height="400" frameborder="0"></iframe>

Qualtrics.SurveyEngine.addOnload(function() {

  that = this;
  var idPlayer = new Vimeo.Player('player1');
  document.getElementByID('player1').addEventListener('ended',myHandler,false);
  function myHandler(e) {
    if(!e) { e = window.event; }
        that.clickNextButton();  
  }
});

我正在寻找a）修复iframe代码的选项，或b）使用我在Dropbox视频中使用的旧代码嵌入vimeo视频的选项。非常感谢，如果这听起来很天真，我很抱歉，我不是程序员： - （

Answer 1

您无法从其他域向iframe添加事件侦听器。它被称为跨域脚本，并且出于安全原因，浏览器不允许这样做。

你必须使用postMessage。已经编写了一个JavaScript类，但您可以弄清楚如何将它集成到Qualtrics：

https://github.com/vimeo/player.js

iframe视频以Qualtrics结尾时自动前进到下一页

1 个答案: