Videos sind aus dem www nicht mehr wegzudenken, im ersten Schritt binden wir den Video Player ein. Haben wir den Video Player auf unserer Website, können wir uns im nächsten Schritt um die Ladezeit kümmern.
Damit die Webseite nicht träge wird können wir bei dieser Codezeile <video controls loading="lazy"> controls loading="lazy" hinzufügen um das Video nach zu laden. So bleibt deine Webseite schnell und gut nutzbar.
<head>
<script src="http://www.hiti-seo.com/programmierung/js/jquery-1.6.2.js"></script>
<script>
$(document).ready(function(){
var vidurlmp4 = "../beispieldateien/jh-seo.mp4"; // Video URL
$('#video-player').html('<video controls><source src='+vidurlmp4+' type="video/mp4"></video>');
});
</script>
</head>
<body>
<div id="video-player"><div>
</body>
1 Im ersten Script wird die Programmbibliothek Jquery geladen. (Ändere die Url)
2 Im zweiten Script die Variable
var vidurlmp4 ="meineVideoUrl.mp4";
ändern, dass die Url auf dein Video zeigt.
3 Im Div mit der id="video-player" wird das Video angezeigt.