Hallo zusammen,
bisher hatten wir immer ein Video in unseren Fragebogen eingebettet. Das Video startete, wenn man auf einen Start Button klickte und man kam automatisch auf die nächste Seite, wenn das Video vorbei war. Ich habe damals ein durchsichtiges Rechteck drüber gelegt, um die Kontrollelemente auszublenden, damit die Probanden nicht stoppen, vor-oder zurückspulen konnten. Der Code sah so aus:
<p align="center"><iframe id="videoframe" style="border: 1px solid #ccc;width:885px;height:500px;" src="https://mediathek.hhu.de/embed/7a8c0e6c-06c8-4982-91ea-cfb95aa3e671?hidecontrols=1" allow="autoplay" frameborder="0"></iframe></p>
<button id="button" onclick="document.getElementById('videoframe').contentWindow.postMessage('playvideo', '*');window.setTimeout(SoSciTools.submitPage, 129000);this.style.display = 'none';return false;" style="margin:auto;display:block;font-size:35px" >Start</button>
<div id="rectangle" style="width:950px;height:500px;z-index:10;position:absolute;top:125px;left:215px"></div>
<script type="text/javascript">
var video = document.getElementById("videoframe");
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
SoSciTools.submitButtonsHide();
});
</script>
Nun liegt das Video auf einer neuen Plattform und der Link hat sich geändert:
<iframe src="https://media.hhu.de/media/embed?key=970e6617caeea0d31e39423e279e8203&width=720&height=405&autoplay=false&controls=false&autolightsoff=false&loop=false&chapters=false&playlist=false&related=false&responsive=false&t=0" data-src="" class="iframeLoaded" width="720" height="405" title="Film-1" frameborder="0" allowfullscreen="allowfullscreen" allowtransparency="true" scrolling="no" aria-label="media embed code" style=""></iframe>
Wenn ich den Link in den alten Code einfüge, funktioniert es nicht und Sosci-Survey spuckt mir eine Fehlermeldung aus:
<p align="center">
<iframe id="videoframe" style="border: 1px solid #ccc;width:885px;height:500px;"
src="https://media.hhu.de/media/embed?key=970e6617caeea0d31e39423e279e8203&width=720&height=405&autoplay=false&controls=false&autolightsoff=false&loop=false&chapters=false&playlist=false&related=false&responsive=false&t=0"
allow="autoplay" frameborder="0"></iframe>
</p>
<button id="button" onclick="document.getElementById('videoframe').contentWindow.postMessage('playvideo', '*');window.setTimeout(SoSciTools.submitPage, 129000);this.style.display = 'none';return false;" style="margin:auto;display:block;font-size:35px">
Start
</button>
<div id="rectangle" style="width:950px;height:500px;z-index:10;position:absolute;top:125px;left:215px"></div>
<script type="text/javascript">
var video = document.getElementById("videoframe");
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
SoSciTools.submitButtonsHide();
});
</script>
Weiß jemand woran das liegt?
Vielen Dank!