Weiterverarbeitung

(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)

Öffnen Sie die ePub-Datei mit Sigil. Mit einem Rechtsklick der Maus auf den Ordner »Images« und nachfolgende Auswahl vom Befehl Add existing items fügen Sie das Vorschaubild der ePub-Datei hinzu. In der content.opf-Datei hat Sigil bereits den nachfolgenden Eintrag automatisch eingefügt. Wenn Sie die Dateien manuell oder ohne Sigil hinzufügen, muss dieser Eintrag noch in der Liste bei manifest eingetragen werden.

<item id="Vorschau.jpg" href="images/Vorschau.jpg" media-type="image/jpeg"/>

Wechseln Sie mit dem Editor zu der XHTML-Datei mit dem Video. Dort sollten Sie einen Code ähnlich den nachfolgenden Zeile finden:

<p class="Video"><video class="image" id="Dokumentation.mp4" controls="controls" width="480" height="270"><source src="images/Dokumentation.mp4" type="video/mp4"/></video></p>

Geben Sie das Vorschaubild an, indem Sie das Attribut poster benutzen.

<p class="Video"><video class="image" id="Dokumentation.mp4" controls="controls" width="480" height="270" poster="images/Vorschau.jpg"><source src="images/Dokumentation.mp4" type="video/mp4"/></video></p>

Auf einigen Geräten sowie in verschiedenen Programmen wird das Video gar nicht dargestellt und auch das Vorschaubild erscheint nicht. Um das Vorschaubild anzuzeigen, muss noch eine zusätzliche Codezeile vor </video> eingefügt werden. Sie können dazu Ihr Vorschaubild nehmen oder aber eine andere Version erstellen, die angibt, dass kein Video abgespielt werden kann. In unserem Beispiel verwenden wir aber einfach das ursprüngliche Vorschaubild und fügen den Code

<img src="images/Vorschau.jpg" alt="Video nicht abspielbar"/>

hinzu. Aber selbst diese alternative Angabe wird nicht auf jedem Gerät oder Programm angezeigt.

Der ganze Code lautet dann:

<p class="Video"><video class="image" id="Dokumentation.mp4" controls="controls" width="480" height="270" poster="images/Vorschau.jpg"><source src="images/Dokumentation.mp4" type="video/mp4"/><img src="images/Vorschau.jpg" alt="Video nicht abspielbar"/></video></p>

Video-Darstellung in iBooks

Abbildung: Video-Darstellung in iBooks.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de