Vihje: Videoiden tallentaminen palvelimellesi voi olla kallista kaistanleveyskustannusten takia. Jos et halua huolehtia videotiedostojen ylläpitämisestä ja haluat saada valtavan yleisön huomion, videon tallentaminen YouTubessa ja linkin sisällyttäminen sivustoosi on loistava idea.
Huomautus: Kaikki alla olevat ehdotukset eivät toimi kaikissa selaimissa. Varmista, että ratkaisu, jonka päätät käyttää, toimii tuettujen selainten kanssa.
Alla olevat esimerkit tarjoavat erilaisia tapoja tehdä videotiedosto katseltavaksi selainikkunasta. Suosittelemme myös luomaan suoran latauslinkin tiedostoon, jonka avulla kävijät voivat ladata tiedoston, jos elokuva ei toistu selaimessa. Alla on kaksi esimerkkiä tämän asiakirjan kahdesta videotiedostosta.
Levykeaseman robotti
HTML-koodi
Levykeaseman robotti
IBM Linuxin kaupallinen
HTML-koodi
IBM Linuxin kaupallinen
Upota YouTube-video
YouTubessa olevien videoiden ylläpito on loistava, koska se säästää kaistanleveyskuluja, voi tukea paljon katsojia ja voi myös esitellä videoita suosituimman Internet-sivun kävijöille. Alla on esimerkki YouTubessa järjestetystä ja tällä sivustolla upotetusta videosta.
HTML-koodi
Kaikkien YouTube-videoiden HTML-koodi löytyy jokaisesta YouTube-videosta löytyvästä linkistä. Kun olet napsauttanut Jaa- linkkiä, napsauta Upota linkkiä. Alla on esimerkki yllä mainitun YouTube-videon näyttämiseen käytetystä koodista.
Videotunniste
Tunniste on HTML-tunniste, joka on suunniteltu näyttämään videoita kaikissa nykyisissä selaimissa. Tunniste tukee MP4-, Ogg- ja WebM-videoformaatteja ja se voidaan toteuttaa yhdellä HTML-tunnisteella.
HTML-koodi
Selaimesi ei tue
Basic embed tag
Alla on koodi perusmenetelmälle, jolla tiedosto liitetään verkkosivulle.
Esimerkki HTML-koodista
Tässä esimerkissä käytät upotuselementtiä osoittamaan toistettavan elokuvatiedoston lähdettä. Pidä mielessä, että tämä on hyvin perusasetus eikä se näytä mitään varoitusta tai osoita käyttäjää paikkaan ladataksesi laajennuksen, jos videotiedostoa ei tueta.
Lisää elokuvatiedosto img-tunnisteella
Jos et halua käyttää tagia, voit myös lisätä elokuvatiedoston käyttämällä tunniste, kuten alla olevassa esimerkissä.
Esimerkki HTML-koodista
Upota tunniste QuickTime-elokuvien toistamiseen (.MOV)
Apple QuickTime -elokuvatiedostot ovat toinen suosittu elokuvan tyyppi Internetissä. Alla on esimerkki siitä, miten nämä tiedostot voidaan lisätä Web-sivullesi.
Huomautus: QuickTime ei ole enää tuettu Microsoft Windowsissa, ja kaikki uudet selaimet eivät tue tätä menetelmää QuickTime-elokuvien upottamiseen.
Esimerkki HTML-koodista
Yllä olevassa upotusesimerkissä koodin ensimmäinen osa osoittaa elokuvatiedoston, joka on itse videotiedosto, src (lähde). Seuraavaksi pluginspage on laajennuksen sijainti, jos kävijällä ei ole sitä. Leveys ja korkeus ovat videotiedoston todellisia mittoja. Ohjaimen arvo voidaan asettaa arvoon true tai false, jotta alhaalla olevien säätimien näyttämistä voidaan muuttaa.
Vihje: Voit haluta lisätä videotiedoston korkeutta, jos et näe ohjainta.
Silmukka on asetus, kun haluat, että tiedosto käynnistyy automaattisesti, kun se on valmis. Lopuksi automaattinen toisto kertoo selaimelle, että se alkaa tai ei aloita videotiedoston toistamista sen jälkeen, kun sivu on ladattu.
Määritä upotetun tunnisteen määrite määritä laajennus
Sisällytä upotustunnisteeseen tyypin määrite, jos haluat määrittää videotiedoston MIME-tyypin. Näin voit määrittää laajennuksen, jota tarvitaan videon toistamiseen selaimessa.
Esimerkki HTML-koodista
Yllä olevassa esimerkissä tyypin määritteeksi on asetettu video / x-msvideo, joka on AVI-videotiedostojen MIME-tyyppi.
Voit määrittää, millaista arvoa annetaan tyypin määritteelle muille videotiedostotyypeille, ja tarkista videotiedostojen MIME-tyypin luettelo IANA Media Types -sivulla.