zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Text unter Vorschaubild "Poster" für Video

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.05.2016, 17:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.05.2016
Beiträge: 1
Bananensplit befindet sich auf einem aufstrebenden Ast
Standard Text unter Vorschaubild "Poster" für Video

Hallo Forum,
ich hoffe ich werde nicht gleich gesteinigt, weil ich den Wald vor lauter Bäumen nicht sehe
Ich bin noch Einsteiger in HTML und CSS. Ich möchte unter die bebilderten Links von ein paar (40 )Videos den Namen des Video schreiben, dieses gelingt mir leider nicht. Ich habe meine Version des Textes angefügt. Leider hat mich Herr oder Frau Google in dieser Sache bisher nicht weitergebracht. Bei mir steht der Text neben dem Bild zum Video Vielen Dank schon einmal Gruß Bananensplit
<--! hier der Code-->
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild1.jpg" controls>
</video><a>Name des Video1</a>
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild2.jpg" controls>
</video><a>Name des Video2</a>
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild3.jpg" controls>
</video><a>Name des Video3</a><br>
<br>
<br>
<br>
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild4.jpg" controls><br>
</video><a>Name des Video4</a>
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild5.jpg" controls>
</video><a>Name des Video5</a>
<video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288"
poster="images/bild6.jpg" controls>
</video><a>Name des Video6</a>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.05.2016, 11:27
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 465
dazzle89 wird schon bald berühmt werden
Standard

Du lieferst viel zu wenige Informationen, es fehlt z.B. dein CSS.

Aber ich rate mal:
<video> und <a> sind inline-Elemente, deshalb sitzen sie nebeneinander.

Damit sie untereinander sind musst du ihnen display: block zuweisen.

Geändert von dazzle89 (27.05.2016 um 11:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.08.2016, 16:17
Neuer Benutzer
neuer user
 
Registriert seit: 13.08.2016
Beiträge: 1
DirkEinstedt befindet sich auf einem aufstrebenden Ast
Standard

Hi Bananensplit,

es gibt keine dummen Fragen und am Anfang ist es normal, dass man über manche
Gegebenheiten nicht bescheid weiß. dazzle89 hatte vermutlich recht, aber ich möchte
seine Antwort einmal weiterführen bzw. detaillierter formulieren:

Es gibt in HTML zwei Arten von Elementen: Inlineelemente und Blockelemente.
https://www.coding-lab.de/tutorials/..._Blockelemente

Kurzfassung:
Inline = Nebeneinander
Block = Untereinander

Ein Anchor-Element (<a>) ist ein Inlineelement, genau wie <video>. Dazu hier mehr:
https://www.coding-lab.de/tutorials/..._Video_Element

Du hast also zwei Möglichkeiten:

1. Du machst einen einfachen Zeilenumbruch mithilfe des <br> Elements:

<video></video> <br> <a></a>

2. Du konvertierst eines der Elemente mithilfe von CSS:
https://www.coding-lab.de/tutorials/...e_konvertieren

Kurfassung: <video style="display: block;"></video>

Grüße

Dirk
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 17:30
Wachsende Container Andy CD CSS 13 10.02.2010 13:08
DIV bis GANZ unten burnZ CSS 5 27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 20:52
Problem mit div und Höhe deep4 CSS 2 13.11.2007 20:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:37 Uhr.