Kommentare aus der AMAZONAS-Box
Politik und Technik aus München - Pazifistisch
mit dem Fahrrad (Peace, cycling and more)

Videos Einbetten - meine Hinweise.

Sonntag, 17.2.2019    

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>

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
  • Allowed HTML tags: <a> <em> <strong> <cite> <strike><span><small> <code> <ul> <ol> <li> <dl> <dt> <dd> <del> <hr>
  • Zeilen und Absätze werden automatisch erzeugt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • You may use [inline:xx] tags to display uploaded files or images inline.

Weitere Informationen über Formatierungsoptionen