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

Archive - Feb 17, 2019 - Artikel

Datum
  • Alle
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28

Sonntag, 17.2.2019    

Videos Einbetten - meine Hinweise.

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>