Videos Einbetten - meine Hinweise.

Neuen Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.

Unformatierter Text

  • Keine HTML-Tags erlaubt.
  • Zeilenumbrüche und Absätze werden automatisch erzeugt.
  • Website- und E-Mail-Adressen werden automatisch in Links umgewandelt.

Seit langem zeige ich Videos auf Webseiten - oft mit gemischten Gefühlen.

U. a. lege ich Wert darauf, dass die Webseiten bei mir ohne Cookies u. dergl. funktionieren, und bislang auch ohne Javascript in der Benutzersicht. Die etablierten Videoportale - vor allem Youtube und Vimeo - machten das fast unmöglich.

Konkret - bei Vimeo und Youtube ist "Javascript an" zwingend erforderlich. Bisher war mir Vimeo als der kleinere Betreiber lieber, aber Youtube hat jetzt ein "nocookie-Feature", das Video-Einbettung bei abgeschalteten Cookies erlaubt:


.. und zwar so (z. B., grün), mit einer modifizierten URL (hier xxx.. als Platzhalter):
<div style="width:90%; margin-left:5%;"><div class="video-container">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/xxxxxxxxxxx" frameborder="0" allowfullscreen</iframe>
</div>
</div>

wobei die äußere div-Box angepasst werden kann.


Und hier der Idealfall, selber hosten - das geht dann ganz ohne Javascript oder Cookies:

Zum Einbinden in eigene Seiten gemäß HTML5 sieht das z. B. so aus - bitte die Pfade anpassen, evtl. Video-Dateien selbst speichern - je nach Lizenz geht das nur in Kooperation mit der Filmquelle ..:
(wenn der Browser "video" nicht versteht wird eine Datei zum Download angeboten)

<video style="width:100%" controls="controls" poster=".. evtl. extra Vorschaubild ..." >
<source src=" .. eig.Pfad.webm " type="video/webm" /></source>
<source src=" .. eig.Pfad.mp4" type="video/mp4" /></source>
<a href=" .. eig. Pfad.mp4">Download Video MP4</a>
</video>