Sådan indsættes en film eller video i et HTML-dokument

Du kan indlejre en film i et HTML-dokument ved hjælp af eksemplerne nedenfor. For kompatibilitet anbefaler vi, at du bruger MP4 videoformatet, som understøttes af alle større browsere og operativsystemer.

Tip: Hosting af film på din server kan være dyrt på grund af båndbreddeomkostninger. Hvis du ikke ønsker at bekymre dig om hosting af videofiler og ønsker at få opmærksomheden af ​​et stort publikum, er det en god idé at være vært for videoen på YouTube og at integrere linket på dit websted.

Bemærk: Ikke alle nedenstående forslag vil fungere for alle browsere. Sørg for, at løsningen du beslutter dig for at bruge, fungerer sammen med de browsere, du vil understøtte.

Nedenstående eksempler giver forskellige metoder til at gøre videofilen synlig fra browservinduet. Vi anbefaler også, at du opretter et direkte downloadlink til filen, som gør det muligt for besøgende at downloade filen, hvis filmen ikke afspilles i browseren. Nedenfor er to eksempler på direkte links til de to videofiler i dette dokument.

Floppy drive robot

HTML kode

 Floppy drive robot 

IBM Linux-reklame

HTML kode

 IBM Linux-reklame 

Embed en YouTube-video

Hosting videoer på YouTube er en stor, fordi det sparer på båndbredde omkostninger, kan støtte mange seere, og kan også introducere dine videoer til besøgende på den mest populære side på internettet. Nedenfor er et eksempel på en video hostet på YouTube og indlejret på dette websted.

HTML kode

HTML-koden for alle YouTube-videoer findes via dellinket, der findes på alle YouTube-videoer. Når du har klikket på linket Del, klik på linket Embed . Nedenfor er et eksempel på den kode, der bruges til at vise ovenstående YouTube-video.

Video tag

Tagget er et HTML-tag designet til at vise videoer i alle moderne browsere. Taggen understøtter MP4, Ogg og WebM videoformater og kan implementeres med et enkelt HTML tag.

HTML kode

 Din browser understøtter ikke 

Grundlæggende embed-tag

Nedenfor er kode for den mest grundlæggende metode til indlejring af en fil i en webside.

Eksempel HTML kode

I dette eksempel bruger du indlejringselementet til at pege på kilden til filfilen, du vil afspille. Husk, dette er et meget grundlæggende eksempel og vil ikke vise nogen advarsel eller pege brugeren til et sted for at downloade en plugin, hvis videofilen ikke understøttes.

Tilføj filmfil ved hjælp af img-taggen

Hvis du ikke vil bruge tagget, kan du også inkludere en filmfil ved hjælp af tag, som vist i eksemplet nedenfor.

Eksempel HTML kode

Embed tag til at afspille QuickTime-film (. MOV)

Apple QuickTime-filmfiler er en anden populær type film på internettet. Nedenfor er et grundlæggende eksempel på, hvordan du kan medtage disse filer på din webside.

Bemærk! QuickTime understøttes ikke længere på Microsoft Windows, og alle nye browsere understøtter ikke længere denne metode til indlejring af QuickTime-film.

Eksempel HTML kode

I ovenstående embedseksempel peger den første del af koden på src (kilde) i filfilen, som er selve filfilen. Derefter er pluginspage placeringen af ​​plug- in'en, hvis den besøgende ikke har den installeret. Bredden og højden er de faktiske dimensioner af videofilen. Controller- værdien kan indstilles til sand eller falsk for at skifte visning af bundkontrolerne.

Tip: Du vil måske øge videofilens højde, hvis du ikke kan se controlleren.

Loop er en indstilling til, hvornår du vil have filen til at starte automatisk, når du er færdig. Endelig fortæller autoplay browseren at starte eller ikke begynde at afspille videofilen, efter at siden er færdig med at indlæse.

Skriv attributten for embed tag til at angive plug-in

I embed-tagget skal du inkludere typen attributten for at angive MIME-typen for videofilen. Hvis du gør det, kan du angive det plugin, der er nødvendigt for at afspille videoen i en browser.

Eksempel HTML kode

I ovenstående eksempel er typeattributten indstillet til video / x-msvideo, som er MIME-typen til AVI-videofiler.

For at bestemme værdien, der skal tildeles attributten til andre typer videofiler, skal du kontrollere listen over MIME-typer til videofiler på siden IANA Medietyper.