當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結束時自動前進到下一頁

回答

相關問題