Videon toisto Webissä

riippuen käytetystä HTML-elementistä, video voidaan toistaa "sisäänrakennetusti" tai jonkinlaisen "avustajan" avulla.

Sisäänrakennetut videot (Inline Videos)

Kun video sisällytetään verkkosivulle tai se on osa verkkosivua, sitä kutsutaan sisäänrakennetuksi videoksi.

Sisäänrakennetun videon lisääminen verkkosivulle on mahdollista käyttämällä <img>-elementtiä.

Jos suunnittelet käyttäväsi sisäänrakennettua videoita web-sovelluksessa, sinun täytyy olla tietoinen siitä, että monet ihmiset eivät pidä sisäänrakennetuista videoista. Huomaa myös, että jotkut käyttäjät saattavat jo olla sulleet pois sisäänrakennetut videot omassa selaimessaan.

Suosittelemme, että sisäänrakennettu video sisällytetään vain silloin, kun käyttäjä haluaa kuulla ääntä. Esimerkiksi käyttäjä voi avata sivun ja napsauttaa linkkiä katsoakseen videon.

Käytä avustajaa (Plug-In, liitännäistä)

Avustajaprogrammi on ohjelma, joka voidaan käynnistää selaimen kautta "auttaakseen" selainta toistamaan videoita. Avustajaprogrammeja kutsutaan myös liitännäisiksi (Plug-Ins).

Avustajaprogrammit voidaan käynnistää käyttämällä <embed>-elementtiä tai <applet>-elementtiä ja <object>-elementtiä.

Yksi avustajaprogrammin suurimmista etuista on, että se mahdollistaa käyttäjän hallinnan toistimen tiettyjä asetuksia.

Useimmat avustajaproagrammit sallivat manuaalisen tai ohjelmallisen hallinnan äänenvoimakkuusasetuksista ja toisto-ominaisuuksista, kuten toistosta, tauosta, pysäytystä ja toistosta.

Käytä <img>-elementtiä

Internet Explorer tukee dynsrc-ominaisuutta <img>-elementissä.

Tämän elementin tehtävänä on sisäänrakentaa multimediatekstejä verkkosivulle:

<img dynsrc="video.avi" />

Yllä oleva koodikappale asettaa verkkosivulle sisäänrakennetun AVI-tiedoston.

Huomautus:dynsrc-ominaisuus ei ole standardeissa oleva HTML tai XHTML-elementti. Vain Internet Explorer tukee tätä ominaisuutta.

Käytä <embed>-elementtiä

Internet Explorer ja Netscape tukevat <embed>-elementtiä.

Tämän elementin tehtävänä on sisäänrakentaa multimediatekstejä verkkosivulle:

<embed src="video.avi" />

Yllä oleva koodikappale asettaa verkkosivulle sisäänrakennetun AVI-tiedoston.

Voit löytää <embed>-elementin ominaisuuslistan tämän oppaan viimeisestä luvusta.

Huomautus:Internet Explorer ja Netscape tukevat <embed>-elementtiä, mutta se ei ole standardeja HTML:ää tai XHTML:ää. World Wide Web Consortium (W3C) suosittelee käyttämään <object>-elementtiä sen korvaamiseksi.

Käytä <object>-elementtiä

Internet Explorer ja Netscape tukevat <object>-elementtiä.

Tämän elementin tehtävänä on sisäänrakentaa multimediatekstejä verkkosivulle:

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

Yllä oleva koodin osa asettaa verkkosivulle sisäänrakennetun AVI-tiedoston.

Voit löytää <object>-elementin ominaisuuksien luettelon tämän kurssin viimeisestä luvusta.

Hyperlinkin käyttö

Jos sivu sisältää linkin johonkin mediatiedostoon, useimmat selaimet käyttävät "avustajaprogrammeja" tiedoston toistamiseen:

<a href="video.avi">Napsauta tästä toistaksesi videotiedoston</a>

Yllä oleva koodin osa asettaa linkin AVI-tiedostoon. Jos käyttäjä napsauttaa tätä linkkiä, selain käynnistää avustajaprogrammin (esim. Windows Media Player) AVI-tiedoston toistamiseksi.