Faire Warnung: Ich bin kein Experte für dieses Zeug, ich spiele nur mit Videos im Web herum und gehe auf einige Probleme ein, die ich habe, wenn ich Videoclips in Blog-Posts zeige.
Ich habe einen iOS-Simulator in diesem Video und füge ein HTML-Video-Tag in ein einfaches HTML-Dokument ein, um ein schnelles Video zu erstellen, das ich mit Kap aufgenommen habe.
Bei Videos gibt es viele Dinge zu beachten:
- Kontrolle geben! Wie in ,
. Beachten Sie, dass ich im Video eine Minute gebraucht habe, um festzustellen, dass das Video deshalb auf dem Handy überhaupt nicht angezeigt wurde, bis es angezeigt wurde. - Abspielen des Videos inline,
wodurch verhindert wird, dass es in der Sekunde, in der Sie es abspielen, auf dem Handy im Vollbildmodus angezeigt wird. - Fließend und mit Seitenverhältnis dimensionieren.
- Wo kann man es hosten? Ist Ihr Webserver in Ordnung? Sollte es auf einem CDN sein? Sollten Sie einen Medienhost verwenden, der sich auf solche Dinge spezialisiert hat? In dem Video ploppe ich es auf Droplr, was praktisch ist, dann auf CodePen Asset Hosting, was auch praktisch ist, und letztendlich auf Cloudinary, weil es ausgefallene Dinge wie Optimierung und Formatverarbeitung erledigen kann.
- Stellen Sie sicher, dass das Video wie ein verdammtes Video aussieht. Wenn Sie auf dem Handy
ein Poster verwenden , bedeutet dies :. Ansonsten bekommst du ein leeres weißes Nichts. Manchmal lohnt es sich, einen Helfer zu benutzen.
Natürlich können Sie Videos einfach auf YouTube oder was auch immer einspannen und erhalten für nichts eine gute Videoverarbeitung. Aber YouTube ist nicht immer das Richtige für kleine Demonstrationsvideos, mit denen ich mich hier befasst habe. Außerdem sind sie schwer, sodass Sie möglicherweise faul laden müssen.
Letztendlich schauen wir uns studio.cloudinary.com an. Es kann einige nette Dinge tun, wie einen angepassten Player anbieten und adaptives Bitraten-Streaming durchführen, was schick ist und wirklich wichtig für die bestmögliche Videoleistung zu sein scheint.