Kaip įterpti filmą ar vaizdo įrašą į HTML dokumentą

Filmus galite įdėti į HTML dokumentą, naudodami žemiau pateiktus pavyzdžius. Dėl suderinamumo rekomenduojame naudoti MP4 vaizdo formatą, kurį palaiko visos pagrindinės naršyklės ir operacinės sistemos.

Patarimas: filmų priegloba jūsų serveryje gali būti brangi dėl pralaidumo sąnaudų. Jei nenorite nerimauti dėl vaizdo failų prieglobos ir norite gauti didžiulės auditorijos dėmesį, vaizdo įrašo „YouTube“ priėmimas ir nuorodos įterpimas į svetainę yra puiki idėja.

Pastaba: ne visi toliau pateikiami pasiūlymai bus taikomi visoms naršyklėms. Įsitikinkite, kad sprendimas, kurį nuspręsite naudoti, veikia su naršyklėmis, kurias norite palaikyti.

Toliau pateiktuose pavyzdžiuose pateikiami skirtingi metodai, kaip vaizdo failą peržiūrėti naršyklės lange. Taip pat rekomenduojame sukurti tiesioginę atsisiuntimo nuorodą į failą, kuris leidžia lankytojams atsisiųsti failą, jei filmas nebus rodomas naršyklėje. Žemiau pateikiami du tiesioginiai šio dokumento vaizdo įrašų nuorodų pavyzdžiai.

Floppy drive robotas

HTML kodas

 Floppy drive robotas 

„IBM Linux“ komercinė

HTML kodas

 „IBM Linux“ komercinė 

Įdėkite „YouTube“ vaizdo įrašą

„YouTube“ vaizdo įrašų priegloba yra puiki, nes taupo dažnių juostos sąnaudas, gali palaikyti daug žiūrovų, taip pat galite pristatyti vaizdo įrašus populiariausio interneto puslapio lankytojams. Toliau pateikiamas vaizdo įrašo, rodomo „YouTube“ ir įdėtas šioje svetainėje, pavyzdys.

HTML kodas

Visų „YouTube“ vaizdo įrašų HTML kodas yra rastas naudojant „YouTube“ vaizdo įrašo nuorodą. Spustelėję nuorodą Bendrinti, spustelėkite Įterpti nuorodą. Toliau pateikiamas kodo, naudojamo pirmiau pateikiamam „YouTube“ vaizdo įrašui rodyti, pavyzdys.

Vaizdo įrašo žyma

Žyma yra HTML žyma, skirta rodyti vaizdo įrašus visose šiuolaikinėse naršyklėse. Žyma palaiko MP4, Ogg ir WebM vaizdo formatus ir gali būti įdiegta naudojant vieną HTML žymą.

HTML kodas

 Jūsų naršyklė nepalaiko 

Pagrindinė įdėjimo žyma

Žemiau pateikiamas pagrindinio metodo, kaip įterpti failą į tinklalapį, kodas.

HTML kodo pavyzdys

Šiame pavyzdyje jūs naudojate įdėjimo elementą, kad nukreiptumėte į filmo failo, kurį norite žaisti, šaltinį. Turėkite omenyje, kad tai yra labai paprastas pavyzdys ir nerodys jokių įspėjimų ar nukreips naudotoją į vietą, kad galėtumėte atsisiųsti papildinį, jei vaizdo failas nepalaikomas.

Pridėkite filmo failą naudodami img žymę

Jei nenorite naudoti žyma, taip pat galite įtraukti filmo failą naudodami žyma, kaip parodyta toliau pateiktame pavyzdyje.

HTML kodo pavyzdys

Įterpti žymą, kad galėtumėte paleisti „QuickTime“ filmus (.MOV)

„Apple QuickTime“ filmų failai yra dar vienas populiarus filmo tipas internete. Žemiau pateikiamas pagrindinis pavyzdys, kaip įtraukti šiuos failus į savo tinklalapį.

Pastaba: „Microsoft Windows“ „QuickTime“ nebepalaikoma ir visi nauji naršyklės nebepalaiko šio „QuickTime“ filmų įterpimo metodo.

HTML kodo pavyzdys

Pirmiau esančiame įterpimo pavyzdyje pirmoji kodo dalis nurodo filmo failo src (šaltinis), kuris yra pats filmo failas. Toliau „ pluginspage“ yra papildinio vieta, jei lankytojas jo neįdiegė. Plotis ir aukštis yra tikrieji vaizdo įrašo failo matmenys. Kontrolieriaus reikšmę galima nustatyti tiesai arba neteisingai, norint perjungti apatinių valdiklių rodymą.

Patarimas: jei nematote valdiklio, galbūt norėsite padidinti vaizdo failo aukštį.

Loop yra nustatymas, kai norite, kad failas automatiškai pradėtų veikti, kai baigsite. Galiausiai, automatinis paleidimas nurodo naršyklei pradėti arba nepradėti žaisti vaizdo failą po to, kai puslapis bus įkeltas.

Įveskite įterpimo žymą atributą, jei norite nurodyti papildinį

Įterpimo žyma įtraukite tipo atributą, kad nustatytumėte vaizdo failo MIME tipą. Tai leidžia nustatyti papildinį, reikalingą norint leisti vaizdo įrašą naršyklėje.

HTML kodo pavyzdys

Pirmiau pateiktame pavyzdyje tipo atributas nustatytas kaip video / x-msvideo, kuris yra MIME tipas AVI vaizdo failams.

Jei norite nustatyti, kokią vertę priskirti tipui atributui kitiems vaizdo įrašų failų tipams, patikrinkite vaizdo failų MIME tipų sąrašą puslapyje IANA Media Types.