Savjet: Hosting filmova na poslužitelju može biti skupo zbog troškova propusnosti. Ako ne želite brinuti o hostingu videodatoteka i želite privući pažnju ogromne publike, hostiranje videozapisa na usluzi YouTube i ugrađivanje veze na vašu web-lokaciju odlična je ideja.
Napomena: svi navedeni prijedlozi neće funkcionirati za sve preglednike. Provjerite radi li rješenje koje ste odlučili koristiti s preglednicima koje želite podržati.
Primjeri u nastavku pružaju različite metode za prikaz video datoteke iz prozora preglednika. Preporučujemo i da stvorite izravnu vezu za preuzimanje datoteke, koja posjetiteljima omogućuje preuzimanje datoteke ako se film ne reproducira u pregledniku. U nastavku su dva primjera izravnih veza za dvije videodatoteke u ovom dokumentu.
Robot disketnog pogona
HTML kôd
Robot disketnog pogona
IBM Linux reklama
HTML kôd
IBM Linux reklama
Ugradite videozapis usluge YouTube
Hosting videozapisa na usluzi YouTube odličan je jer štedi troškove propusnog opsega, može podržati mnogo gledatelja, a videozapise možete predstaviti i posjetiteljima najpopularnije stranice na internetu. U nastavku je primjer videozapisa hostiranog na usluzi YouTube i ugrađenih na ovu web-lokaciju.
HTML kôd
HTML kôd za sve videozapise usluge YouTube nalazi se putem veze za dijeljenje koja se nalazi na svakom videozapisu usluge YouTube. Nakon što kliknete na vezu Dijeli kliknite vezu Ugradi . U nastavku je primjer koda koji se koristi za prikazivanje gore navedenog videozapisa usluge YouTube.
Oznaka videozapisa
Oznaka je HTML oznaka dizajnirana za prikazivanje videozapisa u svim modernim preglednicima. Oznaka podržava MP4, Ogg i WebM video formate i može se implementirati s jednom HTML oznakom.
HTML kôd
Vaš preglednik ne podržava
Osnovna oznaka za ugradnju
U nastavku je kôd za najosnovniju metodu ugradnje datoteke na web-stranicu.
Primjer HTML koda
U ovom primjeru koristite element ugradnje da biste ukazali na izvor datoteke filma koju želite reproducirati. Imajte na umu, ovo je vrlo jednostavan primjer i neće prikazati nikakvo upozorenje niti usmjeriti korisnika na lokaciju za preuzimanje dodatka ako video datoteka nije podržana.
Dodajte filmsku datoteku pomoću img oznake
Ako ne želite koristiti oznaku, možete uključiti i filmsku datoteku pomoću kao što je prikazano u donjem primjeru.
Primjer HTML koda
Ugradite oznaku za reprodukciju QuickTime filmova (.MOV)
Filmske datoteke Apple QuickTime još su jedna popularna vrsta filma na internetu. U nastavku je naveden osnovni primjer kako uključiti te datoteke u svoju web stranicu.
Napomena: QuickTime više nije podržan u sustavu Microsoft Windows i svi novi preglednici više ne podržavaju ovaj način ugrađivanja QuickTime filmova.
Primjer HTML koda
U gornjem primjeru ugradnje, prvi dio koda ukazuje na src (izvor) filmske datoteke, koja je sama filmska datoteka. Zatim je pluginspage lokacija dodatka ako ga posjetitelj nema instaliran. Širina i visina su stvarne dimenzije video datoteke. Vrijednost kontrolera može biti postavljena na true ili false za uključivanje prikaza donjih kontrola.
Savjet: Možete povećati visinu video datoteke ako ne vidite kontroler.
Petlja je postavka kada želite da se datoteka automatski pokreće kada završite. Konačno, automatska reprodukcija kaže pregledniku da pokrene ili ne započne reprodukciju video datoteke nakon što se stranica završi s učitavanjem.
Upišite atribut za oznaku ugradnje da biste naveli dodatak
U ugraditi oznaku, uključite atribut type za određivanje MIME tipa za video datoteku. Na taj način možete odrediti dodatak potreban za reprodukciju videozapisa u pregledniku.
Primjer HTML koda
U gornjem primjeru, atribut type je postavljen na video / x-msvideo, koji je MIME tip za AVI video datoteke.
Da biste odredili vrijednost koju ćete dodijeliti atributu tipa za druge vrste video datoteka, provjerite popis MIME tipova za videodatoteke na stranici IANA Media Types.