Spela upp video på webben

Beroende på det HTML-element du använder, kan video spelas upp "inline" eller genom någon sorts "assistent".

Inline-video (Inline Videos)

När video inkluderas i webbsidan eller är en del av webbsidan, kallas den inline-video.

Genom att använda <img>-elementet kan du lägga till inline-video på webbsidan.

Om du planerar att använda inline-video i webbapplikationer, behöver du vara medveten om att många människor inte gillar inline-video.Observera också att vissa användare kanske redan har stängt av alternativet för inline-video i sin webbläsare.

Vårt råd är att endast inkludera inline-video där användaren vill höra ljud. Till exempel, när användaren öppnar sidan och klickar på en länk för att titta på video.

Använd plugins (Plug-Ins)

Assistenter, som kan startas via webbläsaren för att "hjälpa" webbläsaren att spela upp video, kallas också för plugins (Plug-Ins).

Assistenter kan startas genom att använda <embed>-elementet, eller <applet>-elementet och <object>-elementet.

En stor fördel med assistentprogram är att de tillåter användare att kontrollera vissa inställningar för spelaren.

De flesta assistentprogram tillåter att man manuellt eller genom programmering kontrollerar volyminställningar och spelningsfunktioner, som upprepning, paus, stopp och spelning.

Använd <img>-elementet

Internet Explorer stöder dynsrc-attributet i <img>-elementet.

Denna elementets funktion är att inbädda multimedieelement i webben:

<img dynsrc="video.avi" />

Ovanstående kodsnutt sätter upp en inbäddad AVI-fil för webbsidan.

Kommentar:dynsrc-attributet är inte ett standard HTML eller XHTML-element. Endast Internet Explorer stöder detta attribut.

Använd <embed>-elementet

Internet Explorer och Netscape stöder <embed>-elementet.

Denna elementets funktion är att inbädda multimedieelement i webben:

<embed src="video.avi" />

Ovanstående kodsnutt sätter upp en inbäddad AVI-fil för webbsidan.

Du kan hitta listan över egenskaper för <embed>-elementet i sista avsnittet av denna handledning.

Kommentar:Internet Explorer och Netscape stöder <embed>-elementet, men det är inte ett standard HTML eller XHTML-element. World Wide Web Consortium (W3C) rekommenderar att använda <object>-elementet för att ersätta det.

Använda <object>-elementet

Internet Explorer och Netscape stöder <object>-elementet.

Denna elementets funktion är att inbädda multimedieelement i webben:

<object data="video.avi" type="video/avi" />

Ovanstående kodsnutt sätter upp en inbäddad AVI-fil på webbsidan.

Du kan hitta en lista över egenskaper för <object>-elementet i sista lektionen av denna tutorial.

Använda länkar

Om en webbsida innehåller en länk till en mediefil kommer de flesta webbläsare att använda en "assistent" för att spela upp filen:

<a href="video.avi">Klicka här för att spela upp videofil</a>

Ovanstående kodsnutt sätter upp en länk till en AVI-fil. Om användaren klickar på länken kommer webbläsaren att starta en assistent (t.ex. Windows Media Player) för att spela upp AVI-filen.