Videos in Webseite einbauen HTML CODE

Support

Videos in deine Webseite einbauen ist ganz einfach. Der HTML Code ist :


STANDARD  VIEDO TAG

<video controls src="countdown.mp4"></video>

<video controls>
<source src=”DATEI.MP4″ type=”video/mp4″ media=”all and (min-width:980px)”> // ~ 1MB – 1280 x 780px
<source src=”DATEI.MP4″ type=”video/mp4″ media=”all and (min-width:320px)”> // ~ 400KB – 711 x 400px
</video>


Media Queries bieten verschiedene Varianten des Videos und beliefern Geräte mit einem kleinen Viewport mit einer kleineren Version und Desktop-Monitore mit einer größeren Version.

IN WORDPRESS KANNST DU IN DEINEM THEME PER CUSTOMITZER CSS CODE HINZUFÜGEN.

CSS für responsives Video

Ganz gleich, ob das Video direkt mit dem video-Tag oder mit einem iframe-Element von youTube oder Vimeo eingesetzt wird: Sowohl das video-Tag als auch das iframe-Tag setzen auf statische Größenangaben.

Aber lassen wir width und height-Attribut des video-Tags unter den Tisch fallen, braucht das HTML-Video nur

video {
width: 100%;
}


Videoformate

SD (Standard Definition) 1024×576 Pixel  575p

HD (High Definition oder HD-ready) 1280×720 Pixel 720p

Full-HD  1920×1080 Pixel 1080p 

UHD oder 4K (Ultra-HD) mind. 3840 × 2160 Pixel 4K

Quelle : MEDIAEVENT 

 

Nächster Beitrag

Geschenkgutscheine selber Drucken

Gestalte selber deinen Geschenkgutschein über die Webseite PERSONELLO. Große Auswahl und schöne Vorlagen. Wer auf die schnelle einen braucht findet hier bestimmt die passende Vorlage !   2

Wondershare Filmora Tutorial TV Zooin and out

Tutorial zum ein und Auszoomen in ein TV


This will close in 0 seconds