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

Harry Potter - Die Rückkehr nach Hogwarts FILM

DU möchtest es anschauen oder Runterladen ? Kannst du,nachdem du dich Angemeldet hast. Hier gehts weiter… // ~ 1MB – 1280 x 780px// ~ 400KB – 711 x 400px 1