Button mittig unter dem Video positionieren

Question

Hallo liebes SoSci Team,

ich habe einen Button erstellt, der sich unter einem Video befindet und mit dem das Video abgespielt werden kann. Ich würde gerne den Button mittig unter dem Video positionieren und zusätzlich den Text hinzufügen " Um das Video abzuspielen, klicken Sie hier --> ".

Können Sie mit weiterhelfen?

Der aktuelle Code ist:

    <video id="Car_Yielding_static-eHMI" width="1024" height="568" controls controlsList="nodownload">
  <source src="Car_Yielding_static-eHMI.m4v" type="video/mp4" />
</video>

<button type="button" id="replay1">Abspielen
</button> 

<script type="text/javascript">
document.getElementById("replay1").addEventListener("click", function() {
     document.getElementById("Car_Yielding_static-eHMI").currentTime = 0;
     document.getElementById("Car_Yielding_static-eHMI").play();
});
</script>

Danke!

Answer 1

Im Prinzip sollte es reichen, wenn Sie das Video in ein passendes <div>-Tag packen.

<div style="display: inline-block; width: auto; max-width: 100%">
<!-- hier Ihr Video -->
<div style="text-align: center">
<button type="button" id="replay1">Abspielen</button> 
</div>
</div>

Wenn das nicht funktioniert, posten Sie gerne einen Pretest-Link direkt zur betroffenen Seite.