Videos nebeneinander platzieren:

• in Div-Elementen lassen sich Videos nebeneinander platzieren
• Vorteil : Verkleinerte Videos besitzen mehr Schärfe
• Beschreibung unter dem Beispiel

Beispiel für 6 Youtube-Videos : (Spielzeugwerbung 60er Jahre)

Einfügen in Homepage-Seite:

• auf "Eigene Seiten editieren"
• Seite auswählen, wo Videos hinein sollen
• Seite ist nun zum Bearbeiten offen
• oben Links im Editor auf "Quellcode" klicken
• nun ist die Seitenvorschau in der HTML Ansicht
• klicke mit der Maus in die Seite, wo der Inhalt platziert werden soll
• nun kann der HTML-Code eingefügt werden

<div class="video"> 
Hier Video-Code 1 
</div>

<div class="video"> 
Hier Video-Code 2 
</div>

<div class="video"> 
Hier Video-Code 3 
</div>

<div class="video"> 
Hier Video-Code 4 
</div>

Wichtig ist : Damit weiterer Seiten-Inhalt sich UNTER deinen Videos platzieren kann !
Füge nach dem letzten </div> ein :

<br style="clear:left;" />

• Youtube Video-Code kopieren: Unter Video auf "Einbetten" klicken
• Code beginnt mit <iframe
• Code kopieren, im DIV einfügen (dort wo im Code steht: Hier Videocode)
• im <iframe Code findet Ihr width (Breite) und height (Höhe)
• ändert es in width="220"   und height="180"

Das Anpassen der Div's

- Die div's   (oben) haben die Klasse class="video"   bekommen
- mit CSS geben wir der Klasse .video  gewünschtes aussehen
- Einfügen im Feld Text über Design :

<style type="text/css">
<!--
.video {
  float: left;
  width: 220px;
  margin: 10px;
  border: 7px solid #C3C3C3;
  overflow: hidden; }
-->
</style>

Das Klasse .video  bekommt bei width  die gleiche Breite wie im Videoplayer-Code !

margin: 10px;   = 10 Pixel Außenabstand um jedes Video
border: 7px solid #C3C3C3;   = Rahmenstärke / Rahmenart / Rahmenfarbe
overflow: hidden; = kein Scrollbalken, DIV passt sich in Höhe dem Inhalt an