HTML verlinkung mit Bildern?

Wie verlinke ich ein Video (öffnet sich in einen neuem Fenster) durch den Klick auf ein Bild?

4 Antworten

31.10.2021, 23:30

<a href="url_zum_video" target="_blank">
  <img src="bild.webp" alt="Alternativer Text" title="Titel des Bildes" loading="lazy">
</a>

Ob das Video auch direkt abgespielt wird, hängt vom Browser des Nutzers ab.

Von Experte Gho5txx bestätigt

paaauleee

31.10.2021, 23:30

<video src="beispiel.mp4" width=320  height=240 controls poster="vorschaubild.jpg"></video>

oder

<a href="beispiel.mp4" target="_blank"><img src="irgendeinbild.png"></a>

das Target blank, sorgt dafür, dass es in nem neuen Fenster geöffnet wird

oder wenns von YT, Vimeo und Co sein soll - dann halt den embedded Code des jeweligen Anbieters verwenden

FrageCoding

Fragesteller

01.11.2021, 00:51

Das Zweite ist genau das was ich wollte, jetzt lädt das Video aber leider beim Klick herunter wie kann ich es abspielen lassen?

paaauleee

01.11.2021, 01:24

@FrageCoding

Das kann am Browser liegen - ansonsten das Video auf ne extra Seite als <video> einbetten und dann auf die Seite verweisen.....
Kannst hier mal testen - da hat es nach dem kleinen Umbauarbeiten (wie oben beschrieben) funktioniert https://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:HTML5_video-1.html#view_result

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

31.10.2021, 23:27

Theoretisch ganz einfach per Link:

Aber: es hängt dann vom Browser des Besuchers ab wie das Video ausgegeben wird. Einfach die Video-Datei zu verlinken kann bei manchen z.B. zu einen Downloadfenster führen. Oder einer Fehlermeldung. Besser wäre wenn Du für die Ausgabe des Videos eine eigene HTML-Seite erstellst und es dort einbettest.

Woher ich das weiß:Berufserfahrung

Webclon

31.10.2021, 23:31

target="_blank" noch dann passt es 👍🏻

TechPech1984

31.10.2021, 23:31

da fehlt noch target=_blank sonst ist es kein neues fenster.

medmonk

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

01.11.2021, 12:44

HTML:

<!-- index.html -->
<a href="video.html" target="_blank">
  <img src="cover.jpg" alt="video cover" />
</a>

<!-- video.html -->
<video src="video.mp4" poster="cover.jpg" controls>
</video>

Wenn das Video lediglich auf einer eigenen Seite eingebunden wird, wird es auch nicht heruntergeladen. Du erstellst also bloß einen Link zur gewünschten Seite, auf der Seite selbst bindest du dann dein Video ein.

Bei mehreren Videos auf einer Seite können auch Sprungmarken verwendet werden, damit der Besucher direkt zum gewünschten Video weitergeleitet wird.

HTML:

<!-- index.html -->
<a href="video.html#vid_1" target="_blank">Video 1</a>
<a href="video.html#vid_2" target="_blank">Video 2</a>

<!-- video.html -->
<video id="vid_1" src="video-1.mp4"></video>
<video id="vid_2" src="video-2.mp4"></video>

Mithilfe von Programmiersprachen könnte man die Ausgabe dann noch etwas eleganter steuern. Beispielsweise in dem das Video einfach abgefragt und entsprechend inkludiert wird. Beispielsweise auf einer entsprechenden video.php.

LG medmonk

Ähnliche Fragen

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zur Frage

Unterschied von padding-top und margin-top?

Hey, ich lerne seit neuem HTML und CSS, und würde gerne wissen, was der Unterschied zwischen diesen beiden Elementen ist

...zur Frage

HTML Download erzwingen klappt nicht?

Mein Code:

<a href="Logo1.png" download>hier</a>

Leider funktioniert das nicht, auch der Code

<a href="Logo1.png" download="Logo1.png">hier</a>

öffnet immer nur das Bild im Fenster.

Meine Quelle: html-seminar

Kann mir da jmd. weiterhelfen?

...zur Frage

HTML: Wie kann ich den Play-Button für mein Video unsichtbar schalten und bei Klick auf das Video die Wiedergabe pausieren / fortsetzen?

Moin meine aktiven Freunde!

Ich habe eine Frage. Und zwar möchte ich ein Video auf meiner Webseite abspielen.

Das funktioniert auch prima! Aber ich möchte, dass der Play-Button unsichtbar ist und wenn man auf das Video draufdrückt, das es sich pausiert / weiterspielt.

Geht das?

...zur Frage

HTML: Wie starte ich ein Popup Fenster?

Wie programmiere ich das?

...zur Frage

Navigation Größe ändern <html/CSS>?

Hallo,

ich will gerade ein Navigation bauen und habe mir mit dieser Seite geholfen.

Mein Problem ist, dass wenn ich das Fenster auf den halben Bildschirm minimiere, dass der ganzen Bereich oben abgedeckt ist, aber wenn ich es auf volle Größe mache, dann ist die Navigation klein. Siehe:

Ich hätte es mit min-width und max-width versucht.

(habe den Code kopiert - im Chrome getestet)

code

Danke im voraus.

...zur Frage

HTML „Intro Bild“?

Hallo Leute,

in meiner Schule sollen wir als Langzeitprojekt eine Seite mit HTML Programmieren. Meine Frage nun: ich will dass wenn man die Seite öffnet das ein Bild kurzzeitig eingeblendet wird bei meinem Thema Flugzeug halt ein Flugzeug möglichst als gif oder Video. Also als kleiner opener für das Thema. Hat jemand eine Idee wie das geht oder hat vielleicht sogar einen Code?

Danke im voraus

LG Leon

...zur Frage

Wie verlinke ich eine weitere HTML-Datei auf mein HTML Dokument?

Ich muss eine Website selber machen (mithilfe des Editors) Eine Bedingung war die hier. Ich weiß wie man z.B. Websiten verlinkt, aber wie komme ich mit einem Link zu einer anderen Datei?

...zur Frage

HTML und CSS - Box erscheint nach Klick auf Button und verschwindet nach Klick auf Text wieder?

Die Aufgabenstellung lautet:

"Füge der Webseite einen Button hinzu, bei dessen Betätigung eine Box erscheint, die den Text anzeigt: „Diese Funktion ist noch nicht implementiert. Bitte schließen.“

Die Box soll beim Klick auf den Text wieder unsichtbar werden.

Die Box soll ihre Farbe ändern, wenn man mit der Maus darauf fährt."

Einzelne Punkte schaffe ich, aber nicht dass die Box z.B. wieder weg geht wenn man in den Text klickt ...

Freue mich über jede Nachricht!

...zur Frage

html video tag, controll button verschwinden?

Hallo zusammen

ich habe ein iframe, welches ein video zeigt. dieses ist mittels html video tag eingebunden.

die controll button, play, stop usw. erscheinen zwar kurz, werden aber wieder ausgeblendet. ich kann sie nicht mehr einblenden.

hat jemand eine idee an was das liegt?

der html tag

<video id="video" autoplay="" controls playsinline="" muted="" style="
"></video>

...zur Frage

Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>

...zur Frage

HTML CSS - Button soll 10 Sekunden nach dem Klick ausgeführt werden?

Hallo,

sobald mein Button ( HTML / CSS / (JS) ) gedrückt wird, soll stehen: "Bitte warte noch 10 Sekunden". Nach den Sekunden soll der Button ausgeführt werden.

Wie geschieht das?

...zur Frage

Mit HTML <Button> Python Script ausführen?

Hallo! Ist es möglich, mit zum Beispiel einem Button, auf einer HTML Seite ein Python script auszuführen? Ich habe bereits im Internet danach gesucht, die dort gezeigten Dinge waren mir allerdings zu kompliziert. Geht es aus einfacher? (Vielleicht so: <button script="click.py">Klick Mich!</button>)

Ist das nur mit HTML umsetzbar?

Danke für jede Antwort!

...zur Frage

Wie kann man eine Lightbox in einem iframe öffnen ohne Begrenzung des iframe?

Ich habe z.B. einen iframe mit height="400px" und width="100%". Darin befindet sich ein Element, dass per Klick eine Lightbox auf Fullscreen öffnet. Beides befindet sich auf der selben Domain/Server.

Leider öffnet die Lightbox nicht auf Fullscreen, sondern wird vom Rand des Bereiches (400px / 100%) begrenzt. Wie kann es über die Ränder hinaus gehen (fullscreen)?

PS: Das iframe möchte ich nicht auf Fullscreen einstellen, weil ich mehrere iframes untereinander haben möchte.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen