<video> Videoformater - HTML

<video> kan afspille de formater browseren understøtter. OGG (Theora + Vorbis), MP4 (H.264 + AAC), WebM (VP8/VP9 + Vorbis)

Introduktion

<video> bruges til at afspille video på en hjemmeside uden brug af browser-plugins.

Videoformater

Her ses nogen af de mest understøttede videoformater.
Kaldenavn Container Video codec Audio codec Mere info Anbefalede filendelse Alternativ filendelse MIME type
OGG OGG Theora Vorbis .ogv .ogg video/ogg
MP4 MPEG-4 H.264 AAC Også kaldet :
MPEG-4 part 10 AVC

AVC = Advanced Video Coding

AAC = Advanced Audio Coding
.mp4 .mp4v
.m4v
.mpg4
video/mp4
WebM Matroska VP8
VP9
Vorbis .webm video/webm

Browserunderstøttelse af videoformater

Browser OGG
(.ogv)
Webm
(.webm)
MP4
(.mp4)
Firefox logo
Firefox 25.0
ja ja ja1
Opera logo
Opera 17.0
ja ja nej
Safari logo
Safari 5.1.7
nej nej ja2
Chrome logo
Chrome 30.0.1599.69 m
ja ja ja
Internet Explorer logo
Internet Explorer 10.0.9200.16540
nej nej ja
Alle tests er udført på Windows 7 (64-bit)


1 Firefox har ikke indbygget understøttelse af MP4 men kan afspille hvis OS eller hardware kan. MP4 understøttes på Windows Vista og senere hvis about:config?filter=windows-media-foundation er sat til true (hvilket skulle være standardindstilling i både Vista og 7+ fra Firefox 22.0). Samt Android og Firefox OS. Læs mere på mozilla.org.

2 Kræver at QuickTime er installeret (i hvert fald på Windows).

Browserunderstøttelse fra caniuse.com :

MIME type

Videofilerne skal sendes med korrekte MIME type af HTTP serveren.

.ogv filer skal for eksempel sendes med MIME typen video/ogg.

Hvis der ikke er valgt nogen MIME type for filendelserne kan det betyde at filen sendes med MIME typen text/plain hvilket så kan betyde at browseren ikke kan afspille videofilerne.

Læs mere på AddType og MIME type hvis du bruger Apache som HTTP server.

OGG Theora

OGG (Theora + Vorbis) video kan afspilles i Firefox, Opera og Chrome.

Firefox logoOpera logoSafari logo sort/hvidChrome logoInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

MPEG-4 H.264

MP4 (H.264 + AAC) video kan afspilles i Safari, Chrome og Internet Explorer.
MP4 (H.264 + AAC) video kan afspilles i Firefox hvis OS eller hardware understøtter det.

Firefox logoOpera logo sort/hvidSafari logoChrome logoInternet Explorer logo
Resultatet ovenfor er skabt af følgende kode

WebM VP8/VP9

WebM (VP8 + Vorbis) video kan afspilles i Firefox, Opera og Chrome.

Firefox logoOpera logoSafari logo sort/hvidChrome logoInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

WebM (VP9 + Vorbis) video kan afspilles i Firefox 28.0.

Flere videokilder med source

<video> med 2 eller flere <source> kan afspilles i Firefox, Opera, Safari, Chrome og Internet Explorer.

Firefox logoOpera logoSafari logoChrome logoInternet Explorer logo

Ved at bruge <source> kan man angive flere kilder.
På den måde kan man afspille videoen i alle browserne selvom de ikke understøtter samme format.

Så vil browseren afspille den første <source> hvis format den genkender.

For eksempel MP4 (H.264 + AAC) og OGG (Theora + Vorbis).
Eller MP4 (H.264 + AAC) og WebM (VP8 + Vorbis).
Resultatet ovenfor er skabt af følgende kode

Næste side

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.