Filmi või video lisamine HTML-dokumenti

Filmi saab lisada HTML-dokumenti, kasutades allpool toodud näiteid. Ühilduvuse huvides soovitame kasutada MP4 videoformaati, mida toetavad kõik peamised brauserid ja operatsioonisüsteemid.

Näpunäide. Filmide haldamine serveris võib olla kulukas ribalaiuse tõttu. Kui te ei soovi muretseda videofailide majutamise pärast ja soovid saada suure publiku tähelepanu, siis on YouTube'i video ja saidi linki paigutamine suurepärane idee.

Märkus. Kõiki allpool toodud soovitusi ei kasutata kõigi brauserite puhul. Veenduge, et lahendus, mida te otsustate kasutada, töötab teie toetatavate brauseritega.

Allpool toodud näited pakuvad erinevaid meetodeid videofaili vaatamiseks brauseri aknast. Soovitame ka luua failile otsese allalaadimise lingi, mis võimaldab külastajatel faili alla laadida, kui film ei mängi brauseris. Allpool on kaks näiteid kahe dokumendi otseste linkide kohta.

Floppy drive robot

HTML-kood

 Floppy drive robot 

IBM Linuxi reklaam

HTML-kood

 IBM Linuxi reklaam 

Sisesta YouTube'i video

YouTube'i videote hostimine on suurepärane, sest see säästab ribalaiuse kulusid, võib toetada palju vaatajaid ja võib ka teie videoid tutvustada kõige populaarsema veebilehe külastajatele. Allpool on näide YouTube'is hallatavast videost ja selle saidi sisseehitatud.

HTML-kood

Kõigi YouTube'i videote HTML-kood leitakse iga YouTube'i video jagatud linki kaudu. Kui olete lingil Jaga klõpsanud, klõpsake linki Embed . Allpool on näide ülaltoodud YouTube'i video kuvamiseks kasutatud koodist.

Video silt

Märgis on HTML-silt, mis on mõeldud videote kuvamiseks kõigis kaasaegsetes brauserites. Silt toetab MP4-, Ogg- ja WebM-videoformaate ning neid saab rakendada ühe HTML-märgisega.

HTML-kood

 Teie brauser ei toeta 

Basic embed tag

Allpool on kood kõige elementaarsema meetodi jaoks, kuidas fail veebilehe sisse lülitada.

HTML-koodi näide

Selles näites kasutate manustatud elementi, et osutada filmi faili allikale, mida soovite mängida. Pidage meeles, et see on väga tavaline näide ja ei kuvata ühtegi hoiatust ega suunata kasutajat asukohta pistikprogrammi allalaadimiseks, kui videofaili ei toetata.

Lisage filmifail img siltiga

Kui te ei soovi sildi kasutada, võite lisada ka filmifaili nagu allpool toodud näites.

HTML-koodi näide

QuickTime filmide esitamiseks sildi lisamine (.MOV)

Apple QuickTime filmifailid on veel üks populaarne filmi tüüp Internetis. Allpool on näide, kuidas neid faile oma veebilehele lisada.

Märkus: Microsoft Windows ei toeta QuickTime'i enam ja kõik uued brauserid ei toeta seda meetodit QuickTime filmide kaasamiseks.

HTML-koodi näide

Ülaltoodud manustatud näites viitab koodi esimene osa filmi faili, mis on filmi fail, src (allikas). Järgmisena on plugins leht plugina asukoht, kui külastaja ei ole seda installinud. Laius ja kõrgus on videofaili tegelikud mõõtmed. Kontrolleri väärtust saab seadistada väärtusele true või false, et lülitada alumise juhtseadise kuvamine.

Näpunäide. Kui te ei näe kontrollerit, võite videofaili kõrgust suurendada.

Loop on seadistus, kui soovite, et fail käivituks automaatselt. Lõpuks, automaatne esitamine ütleb brauserile, et alustaks või mitte alustama videofaili esitamist pärast lehe laadimist.

Sisesta sildi atribuut plug-in määramiseks

Sisesta manusmärgisesse videofaili MIME tüübi määramiseks tüübi atribuut. See võimaldab teil määrata plugina, mis on vajalik video brauseris esitamiseks.

HTML-koodi näide

Ülaltoodud näites on tüübi atribuutiks seatud video / x-msvideo, mis on AVI videofailide MIME tüüp.

Teiste videofailide tüübi atribuudile omistatava väärtuse määramiseks kontrollige IANA meediatüüpide lehel olevate videofailide MIME tüüpide loendit.