Reply To: Replay von Videostimulus verhindern

[mictr]

<div style="position: relative;">

<video id="player" style="position: absolute; top: 0; left: 0; width: 640px; height: 480px;" preload="auto" playsinline>
<source src="path/to/video.mp4">
</video>

<div style="position: relative; top: 0; left: 0; width: 640px; height: 480px; z-index: 9999;"></div>

<button id="btnPlay">Abspielen</button>

<script>
document.addEventListener('DOMContentLoaded', (event) => {

document.getElementById('player').addEventListener('timeupdate', (event) => {
	if(event.srcElement.currentTime >= event.srcElement.duration) {
		document.getElementById('player').remove();
	}
});

document.getElementById('btnPlay').addEventListener('click', (event) => {
	document.getElementById('player').play();
	document.getElementById('btnPlay').remove();
});

});
</script>

</div>

Du kannst es auch hiermit versuchen, damit hab ich das gemacht. Den Pfad des Videos (path/to/video.mp4) musst du natürlich anpassen. Bei width/height trägst du jeweils die Breite/Höhe ein, in der das Video angezeigt werden soll. Das ganze muss in eine Frage vom 998/Benutzerdefiniert kopiert werden. Speichern und Testen nicht vergessen. Der Teilnehmer kann das video nicht anhalten, die Wiedergabe muss mit dem Button darunter gestartet werden und wenn das Video einmal durchgelaufen ist wird das Video entfernt. Falls die SEite neu geladen wird, ist auch das Video wieder da und kann erneut angeschaut werden