当iframe视频在Qualtrics结束时自动前进到下一页

我想在我的Qualtrics调查中使用iframe嵌入vimeo视频。当这个视频结束时，我想自动前进到下一页（即，自动按下“下一个按钮”）。使用VIMEO之前，我的视频被存储在Dropbox和我用下面的代码本（网址是不是真实的）：当iframe视频在Qualtrics结束时自动前进到下一页

<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，但我我无法进行自动推进工作（视频将播放，但页面不会前进）。也许是因为我以错误的方式分配“ID”。下面是代码：

<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(); 
    } 
});

我要寻找一个）的选项来解决的iframe代码，或b）一个选项，使用我曾与Dropbox的视频中使用的旧代码嵌入VIMEO视频。非常感谢，我很抱歉，如果这一切听起来很天真，我不是一个程序员:-(

来源

2017-03-09 Katja

你不能添加一个事件侦听器从一个不同的域的iframe，它被称为跨域脚本和由于安全原因没有被浏览器所允许

你必须使用的postMessage已经有写的JavaScript类，但你必须弄清楚如何将它集成到Qualtrics：。

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

来源

2017-03-09 20:39:16

当iframe视频在Qualtrics结束时自动前进到下一页

回答

相关问题