Hallo,
die einfachste Lösung ist, am Anfang den "Weiter"-Button zu verstecken, und nach der bestimmten Zeit wieder anzuzeigen.
Ist schon oft im Forum gezeigt worden. Also hier ist das kleine javascript-snippet, welches Du im Quellcode-Modus in der Fragetext schreibst.
Code:
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
$("#ls-button-submit").hide();
setTimeout(function () {
$('#ls-button-submit').show();
}, 10000); //Die Dauer in Millisekunden
});
</script>
Es ist sicherlich selbsterklärend.
Viel Erfolg
Joffm
P.S. Falls Du ein Video in der Textanzeige anzeigen willst, kannst Du diese Dauer ganz dynamisch von der Dauer des Videos abhängig machen.
Dies nur als Zugabe.
Das sähe dann so aus.
Code:
<div class="embed-responsive embed-responsive-16by9">
<video autoplay="autoplay" id="myvideo"><source src="https://path_to_my_video.mp4" type="video/mp4" /> browser unterstützt dieses Format nicht.</video>
</div>
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Hide the "Next" button
$('#ls-button-submit').hide();
var vid = document.getElementById("myvideo");
vid.volume = 0.3;
vid.onended = function() {
// Show the "Next" button
$('#ls-button-submit').show();
}
});
</script>