Videos einbinden richtig gemacht

Allgemein on Oktober 14th, 2010 No Comments

Beim Surfen im Internet entdecke ich viele Videos, die falsch eingebettet sind. Was meine ich damit? Ein Video, das z.B. in der Auflösung von 1280×720 aufgenommen wurde aber auf einer Fläche von nur 640×360 angezeigt wird. Bei normalen Videos (also Animationen, Spielfilme, Musikvideos) ist das eigentlich nicht so schlimm. Bei Screencasts jedoch beinahe überlebenswichtig.



Wozu führt falsche Einbettung von Videos?

- Die Pixel werden so stark zusammen gequetscht, dass der Text im Video nicht mehr leserlich ist
– Die Bedienelemente nicht erkennbar sind
– Der Mauszeiger so klein wird, dass man ihm nicht mehr folgen kann
– Das Video generell schlechten Qualitätseindruck macht

Eine Aussage, die ich oft gehört habe: “Aber die Interessierte können doch einfach in den Vollbildmodus umschalten”. Klar, können sie das. Aber viele machen das nämlich nicht, weil sie diesen Button nicht sehen/finden oder einfach “zu faul” sind. Und dann ist der Besucher schon weg…

Video richtig einbinden

Es gibt mehrere Möglichkeiten.

1. Auf Vollbildmodus hinweisen
Klingt banal, ist das auch. Das ist die einfachste Lösung für die faulsten. Einfach einen auffallenden Hinweis einblenden: “Die volle Schönheit dieses Meisterwerks werden Sie nur im Vollbild genießen können”. Und dann noch am besten einen fetten Pfeil auf den entsprechenden Button.


2. Auf größeren Fläche einbinden
Man kann eine gesonderte Seite für das einzelne Video erstellen, wo es in ausreichender Breite eingebunden wird. Bei YouTube und meisten anderen Portalen kann man die Einbett-Größe bestimmen.





Option für Einbinden von YouTube-Videos

Option für Einbinden von YouTube-Videos






3. So viel wie nötig, so klein wie möglich
Manchmal ist das gar nicht nötig, so große Bereiche aufzunehmen. Es reicht, wenn nur die aufzunehmende Anwendung entsprechend klein gemacht wird. Es muss nicht unbedingt eins zu eins mit der späteren Anzeigefläche übereinstimmt. Man kann z.B. einen Bereich von 960×540 aufnehmen. Das Video wird dann später auf der Fläche 640×360 eingebunden und ist somit um 50% skaliert.





Optionen für Aufnahme-Bereich in Camtasia Studio 7

Optionen für Aufnahme-Bereich in Camtasia Studio 7






4. Overlay-PopUp
Vielleicht habt ihr das schon gesehen. Man klick auf ein Bild oder ein  Video und die gesamte Seite wird gedimmt. Das Video bzw.  Bild in voller Größe in einem neuen “Overlay” angezeigt. Das hat auch einen guten Nebeneffekt, dass durch die Abdunklung der Umgebung, die Aufmerksamkeit des Zuschauers komplett auf das Video gelenkt wird. Diese Lösung hat jedoch auch zwei Nachteile. Zum Einen, ist die Generierung von solchen Overlay auf älteren Rechnern etwas träge 8es dauert ein paar Sekunden mehr, bis man etwas sieht). Und zum Anderen, werden diese Videos erst dynamisch eingebettet, was sich negativ auf Video-SEO auswirken kann. Konkret heißt das, dass der Google-Bot, wenn er die Seite besucht das Video nicht entdeckt, weil es erst beim Klick geladen wird. Dafür gibt es bestimmt eine Lösung, aber mir sind heute keine Standard-Mitteln bekannt. Ein paar Infos (u.a. generelle Vor- und Nachteile) findet ihr im Artikel “Lightboxen – das neue Popup?” von Webkrauts.

5. Zoom
Aus Meiner Sicht die beste Lösung für das Problem. Diese Funktion kenne ich aus Camtasia. Man nimmt eine große Fläche auf, aber in Nachbearbeitung kann man festlegen, auf welche Bereiche herangezoomt wird. Camtasia Stuio geht sogar soweit, dass es anhand der Cursor-Position selbst bestimmt, wo eine Vergrößerung Sinn macht. Hier findet ihr ein Video-Tutorial, wie man Zoom & Schwenk – Effekt in Camtasia 7 anwendet.

No Responses to “Videos einbinden richtig gemacht”

Leave a Reply