XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Text unter Vorschaubild "Poster" für Video (http://xhtmlforum.de/showthread.php?t=72863)

Bananensplit 23.05.2016 18:39

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>

dazzle89 27.05.2016 12:27

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.

DirkEinstedt 13.08.2016 17:17

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:43 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023