Videoeinbettung in Chrome

Question

Hallo liebes SoSci Survey Team,

ich habe in meiner Studie Videos von einem externen Speicher eingebunden und habe folgenden Code verwendet:

    <center><p> <i> <b> For a more convenient operation, please activate the automatic playback of audio and video. If the video does not start automatically, please click on the video. If you have troubles with watching the video, please try to refresh the page.
<br> <br>
Please watch the whole video. </b> </i> </p>
<br> <br>

<div><video id="stimulus" width="700" height="500" controls autoplay ><source src="https://hessenbox.tu-darmstadt.de/dl/fi88UEaBvgjAsXSmeHcNGnze/FN7_Trim.mp4" />

<source src="https://hessenbox.tu-darmstadt.de/dl/fi3J5YowPAqSE4Hd9HAjnUh2/FN7_Trim.webm" />
</video></div>

<script type="text/javascript">
<!--

var video = document.getElementById("stimulus");

// Bedienelemente ausblenden, sobald es abspielt
SoSciTools.attachEvent(video, "play", function(evt) {
  stimulus.removeAttribute("controls");
});

// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
  SoSciTools.submitButtonsHide();
});
// Weiter-Knopf am Ende des Videos wieder anzeigen
SoSciTools.attachEvent(video, "ended", function(evt) {
  SoSciTools.submitButtonsDisplay();
});

// -->
</script>


 <br>
 <br> </center>

Please indicate how well the following adjectives represent the news you just heard.

Insgesamt habe ich 32 Videos eingebunden, die randomisiert angezeigt werden. Bei Chrome ergibt sich allerdings das Problem, das nach einigen Videos dann plötzlich das Video nicht zu Ende abgespielt werden kann, sodass der Weiter button nicht erscheint und man im Fragebogen gefangen bleibt.

Gibt es eine Möglichkeit dieses Problem zu beheben?

Hier der Pre-test: https://www.soscisurvey.de/assistantnews2021/?act=OTACLVUHpXWT3eiBYDxKmn9N

Vielen Dank im Voraus und viele Grüße!

Comments

Markieren Sie Code und klicken Sie auf den Knopf {}, um den Code als solchen zu formatieren. Ich habe das oben einmal angepasst.

---

> Insgesamt habe ich 32 Videos eingebunden, die randomisiert angezeigt werden.

Damit meinen Sie eine Rotation - es werden also alle Videos angezeigt?

Könnten Sie bitte einen Pretest-Link posten, der direkt zum Anfang der Rotation leitet? Dann sehe ich mir das gerne einmal an.

Meine erste Vermutung wäre, dass ein bestimmtes Video Probleme macht. Vielleicht hat selbiges einfach einen kleinen Fehler in der Kodierung, sodass einzelne Browser dort hängen bleiben.

---

Besten Dank!

Korrekt, es werden alle 32 Videos mit Hilfe der Rotation angezeigt.

Hier einmal der Pre-test: https://www.soscisurvey.de/assistantnews2021/?act=mb4zneb96SVxt5BSiePhZwCv

---

PS: Sie haben gesehen, dass die TU Darmstadt auch einen eigenen Befragungsserver betreibt, der evtl. direkt mehr Platz für Videos bietet?
https://www.soscisurvey.de/de/campus

Ich kann natürlich nicht versprechen, dass das Problem bei direkter Einbindung nicht auftritt. Vor allem, wenn es tatsächlich an einer defekten Datei liegen sollten.

---

Was muss ich denn beim neuen Pretestlink anklicken, um zu den Videos zu gelangen? Ich werde immer direkt zur Demografie geleitet...

---

Sorry, hier nun der richtige Link: https://www.soscisurvey.de/assistantnews2021/?act=C6n64e3cskUUZtLcJLKI85xI

---

Vielen Dank für den Hinweis. Ich benötige allerdings dennoch mehr Speicherplatz als auf SoSci ermöglicht.

Answer 1

Hmmm ... interessant.

Es sieht so aus, dass der externe Speicher es nicht mag, wenn der Inhalt stückchenweise abgerufen wird. Ich habe bereits beim ersten Video in Chrome das Problem, dass es kurz vor dem Ende stoppt.

Wenn man den Fortschrittsbalken des Videos wieder einblendet, sieht man, dass die letzte halbe Sekunde nicht mehr abgespielt wird, obwohl sie heruntergeladen wäre.

Ich kann hier leider nur spekulieren.

(1) Versuchen Sie bitte einmal, das Video bei CloudConvert in eine neue Datei umzurechnen ... vielleicht sind da irgendwelche Zeitmarkierungen in der Datei, welche das Problem verursachen.

(2) Wenn das nicht hilft, können Sie die Anzeige des Weiter-Knopfes an die Zeit binden statt an das "ended" Event. Prüfen Sie dafür alle 0,5 Sek, wo das Video gerade ist:

window.setInterval(function() {
  if (video.currentTime > 20) {
    SoSciTools.submitButtonsDisplay();
  }
}, 500);

Comments

Besten Dank für den Hinweis mit dem Konvertieren. Ich habe nun meine MP4-Dateien erneut in MP4 konvertiert, wodurch das Problem gelöst werden konnte.
Mich wundert allerdings, dass die zusätzliche Einbettung von WEBM nichts gebracht hatte.

---

Wenn der Browser sich für die mp4-Datei entscheidet, wird diese genutzt. Auch wenn die Datei dann aus irgendwelchen Gründen nicht wie geplant funktionieren sollte. Das kann der Browser ja vorab nicht wissen.