Tutorial Videos in Tabellen

Videos in Tabellen zu setzen gestaltet sich recht einfach. Bei genügend breitem Content werden die Videos in einer akzeptablen Größe angezeigt. Manko bei den Videos in Tabellen ist, dass man diese nicht im Vollbildmodus anschauen kann.

Aber nun zur Vorgehensweise:

Zuerst wird ein Tabellenmodul angelegt. Hierbei reicht es aus, die Beispieltabelle zu benutzen. Je nachdem, wieviele Videos man neben- und untereinander setzen möchte, erweitert man diese Tabelle oder löscht die nicht benötigten Zellen und Spalten.

Jetzt wechselt man ins Html Fenster der Tabelle und fügt den Embedded Code der einzelnen Videos anstelle der Tabelleninhalte ein. Dabei wird z.B. Name durch den Code ersetzt. Mit den anderen Video Codes verfährt man entsprechend.

Im Code der Videos kann man die Breite und HöheBitte darauf achten dass die Größenangaben im Code zweifach vorkommen und die identischen Werte erhalten müssen! (width und height) ändern. Dabei ist zu beachten, dass die Größenangaben im Code meist zweimal vorkommen und auch an beiden Stellen angepasst werden müssen.

Hat man die Codes fertig eingefügt nur noch auf aktualisieren und danach speichern. Die Videos werden jetzt angezeigt.

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><strong>Name</strong></td>
<td><strong>Vorname</strong></td>
<td><strong>Telefon</strong></td>
</tr>
<tr>
<td>Max</td>
<td>Muster</td>
<td>12345-12345</td>
</tr>
<tr>
<td>Minni</td>
<td>Maus</td>
<td>0123-12345</td>
</tr>
</tbody>
</table>

Wer eigene Videos benutzen möchte, ist mit dem Video Player von Blip.tv bestens bedient. Der Player ist schlicht gehalten und es wird keine Werbung vorgespannt bzw. ist der Player gänzlich werbefrei.

Auf der Webseite von Blip.tv kann man seine Videos hochladen, den Player konfigurieren und danach den Embeddet Code erzeugen. Die Webseite ist zwar in Englisch gehalten, jedoch so aufgebaut dass man auch ohne die nötigen Sprachkenntnisse schnell zum Ziel/Ergebnis gelangt.