HTML Code für Weiterleitung nachdem schauen eines Videos?

Also ich möchte in meine Website ein Video einbauen das dich erst nachdem man es ganz zu Ende geguckt hat ohne zu Skippen automatisch auf eine andere Website weitergeleitet wird kennt jemand den HTML Code dafür?

2 Antworten

SimpleWebDude

11.01.2023, 17:48

Zuerst könntest du die Steuerelemente beim Abspielen des Videos mit controls="false" entfernen.

Die Weiterleitung kannst du über JavaScript lösen.

Hier ein Beispiel:

<video id="my-video" onended="redirect()" controls="false">
  <source src="pfad/zum/video.mp4" type="video/mp4">
</video>

<script>
  function redirect() {
    window.location.href = "https://www.dein-link.de";
  }
</script>

Woher ich das weiß:Berufserfahrung – Seit 10+ Jahren aktiv in Web- und Softwareentwicklung

KDurmus

Fragesteller

11.01.2023, 17:51

Vielen Dank :)

guteantwort626

11.01.2023, 17:12

Man kann es immer irgendwie skippen, das ließe sich nur ganz aufwändig (Video als kleine Fragmente vom Server verschicken und auf dem Server überprüfen, ob wirklich das gesamte Video angesehen wurde).

Es gibt aber das JS event "ended" für video Elemente, damit kann man das einfacher umsetzen.

KDurmus

Fragesteller

11.01.2023, 17:15

Könntest du dann vielleicht einen Code hier reinschicken das sowas ermöglicht?

Vielen Dank im Voraus

Ähnliche Fragen

Besucherzähler in Website einbauen?

Wie macht man das am besten über HTML, da ich nur HTML Codes in IONOS einfügen kann? Und funktioniert dies überhaupt?

Grüße

...zur Frage

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zur Frage

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zur Frage

Stichpunkte mit Html bearbeiten?

Hii ich versuch gerade html zu lernen und will listen machen.

So sieht die Website gerade aus:

Ich möchte das der text von den verschiedenen Stichpunkten verschiedene farben hat also, dass Katze: Lila Hund:Pink Otter:blau. Außerdem möchte ich das die herzen for den Stichpunkten Pfoten sind.

Das ist mein Code:

Wie muss ich den abändern damit das funktioniert?

(Außerdem funktioniert meine Css Datei nicht wäre nett wenn mir da auch wer weiterhelfen könnte)

...zur Frage

Projektideen für Programmier- Anfänger?

Hallo, ich absolviere für 4 Monate mein Praktikum im Bereich Informatik. In meiner Abteilung geht es um Websiteentwicklung und ich soll demnächst selbst eine Website programmieren (mit C#, JavaScript, HTML, Ajax und CSS).

Meine Frage ist, ob ihr so Ideen habt, was man als Anfänger (wirklich Anfänger mit 1% Grundkenntnis🥲) programmieren kann für 3 Monate ungefähr? Bin so 30 Stunden der Woche bei dem Unternehmen.

Eine weitere Frage ist, ob ihr gute Tutorials, Websites, YT- Videos, etc. zum Thema kennt? Ich soll nämlich selbst recherchieren und mir das selber beibringen.

Danke im Voraus für eure Antworten

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

HTML lernen?

Weiß jemand wo ich gutes Lernmaterial für HTML/CSS/Java Script finde? Z.B. YT-Videos, Website oder von mir aus auch ein kostenpflichtiges lernprogramm/Buch?
Ich bracuhe das für die Berufsschule. (Informatik).
Klar bekommmen wir zwar Lernmaterial und ich kenne z.B. schon die Website "W3 Leraning Schools", das hat aber beides eher Lexikon-Charachter, ich brauche etwas, das mich etwas mehr an die Hand nimmt.
Ich lerne Systemintegration, muss aber für die BS auch coden können, worin ich halt nd so gut bin. zu viel Input fpr mein ADHS Hirn.

...zur Frage

Spenden in HTML erstellen?

Hi,

möchte in meine Website ein Spendenlink einbauen allerdings nicht mit PayPal sondern mit giropay oder Kreditkarte wie bekommt man sowas hin? PS:Kann HTML,CSS und JS

Danke Schonmal

...zur Frage

Guten Tag, ich suche einen HTML Code wo, verwendet werden kann zum Copyright wo sich das Jahr jedes Jahr logischerweise automatisch +1 ändert, wo finde ich so ein Code?

...zur Frage

Wie in einer HTML Website Text neben ein Bild machen?

Hi, ich programmiere gerade für eine Präsentation in der Schule eine Mini Website. Ich mach mal ein Bild vom Code des Bildes und von der ausgeführten Seite.

Ich will, dass das Bild rechts ist und links der Text, ohne das genau neben dem Bild Platz ist.

...zur Frage

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...zur Frage

Code Pen für PHP?

Hallo,

ich suche einen Ersatz für Code Pen auf den ich auch PHP Projekte präsentieren kann und man auch den Code sehen kann. Würde gerne die Vorschau in meine Website einbauen.

Habe Replit probiert, war damit nicht zufrieden.

Danke im vorraus

...zur Frage

Website lädt automatisch neu?

Heute habe ich eine neue Website gemacht, es ist eine Todo Liste, einfach damit ich ein bisschen javascript üben kann. Soweit funktioniert auch alles doch sobald ich Sachen in den input eingebe und dann auf Hinzufügen drücke lädt die seite neu. Wieso?

Hier der js code

Und hier der HTML code

...zur Frage

Wie HTML Animation die aus verschiedenen Dateien besteht einbinden?

Ich habe eine interaktive HTML Animation bekommen. Dieser Ordner besteht aus vielen verschiedenen dateien. Bilder, Videos, CSS, JS. Ich möchte diese Animation nun auf meiner Website einbinden.

Ich bin ehrlich gesagt etwas überfordert. Ich weiß wie ich HTML Code einbinde etc. Aber nicht ein Content Element welches sich aus vielen verschienden Dateien zusammensetzt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen