Kuinka lisätä elokuva tai video HTML-asiakirjaan



HTML

Sinä pystyt upottaa elokuva sisään HTML dokumentti alla olevien esimerkkien avulla. Yhteensopivuuden vuoksi suosittelemme, että käytät MP4 videoformaatti, jota kaikki tärkeimmät tiedostot tukevat selaimet ja käyttöjärjestelmät .

Kärki



Elokuvien isännöinti palvelimellesi voi olla kallista kaistanleveys kustannukset. Vaihtoehtona on isännöidä video YouTubessa ja upottaa YouTube-videolinkki verkkosivullesi.

Merkintä

Kaikki alla olevat ehdotukset eivät toimi kaikille selaimet . Varmista, että ratkaisu, jonka valitset käyttää, toimii tukemiesi selainten kanssa.

Linkki elokuvatiedostoihin

Alla olevat esimerkit tarjoavat erilaisia ​​tapoja tehdä videotiedosto näkyväksi selainikkunasta. Suosittelemme myös, että luot tiedostoon suoran latauslinkin, jonka avulla kävijät voivat ladata tiedoston, jos elokuvaa ei toisteta selaimessa. Alla on kaksi esimerkkiä tämän sivun kahden videotiedoston suorista linkeistä.

kuinka tarkistaa, millainen kiintolevy minulla on

Levykeasema-robotti

HTML-koodi

 Floppy drive robot 

IBM Linux -mainonta

HTML-koodi

 IBM Linux commercial 

Upota YouTube-video

Videoiden isännöinti YouTubessa on hienoa, koska se säästää kaistanleveys kustannuksia, voi tukea paljon katsojia ja esittelee videoitasi kaikkein Internet-sivuston kävijöille. Alla on esimerkki videosta, jota isännöidään YouTubessa ja joka on upotettu tälle sivustolle.

HTML-koodi

Kaikkien YouTube-videoiden HTML-koodi löytyy jokaisen YouTube-videon jakolinkin kautta. Kun olet napsauttanut Jaa -linkkiä, napsauta Upottaa linkki. Alla on esimerkki koodista, jota käytetään yllä olevan YouTube-videon näyttämiseen.

  


Videotunniste

tag on HTML-tunniste, joka on suunniteltu näyttämään videoita kaikissa moderneissa selaimissa. Tunniste tukee MP4 , Ogg ja WebM-videoformaatit, ja ne voidaan toteuttaa yhdellä HTML-tagilla.

miten siirrät tiedostoja tietokoneelta toiselle
Selaimesi ei tue tunnistetta.

HTML-koodi

Your browser does not support the 

Upotustunniste

Alla on koodi kaikkein perusmenetelmälle upottaa tiedosto verkkosivulle.

Esimerkki HTML-koodista

Tässä esimerkissä käytät upotuselementtiä osoittamaan toistettavan elokuvatiedoston lähteelle. Tämä esimerkki on hyvin yksinkertainen esimerkki, eikä siinä näytetä varoituksia. Se ei osoita käyttäjää laajennuksen lataamiseen, jos videotiedostoa ei tueta.

Lisää elokuvatiedosto img-tagilla

Jos et halua käyttää tunnistetta, voit myös lisätä elokuvatiedoston käyttämällä tunnisteen alla olevan esimerkin mukaisesti.

Esimerkki HTML-koodista

Upota tunniste QuickTime-elokuvien (.MOV) toistamiseen

Omena Quicktime elokuvatiedostot ovat toinen suosittu elokuvatyyppi Internetissä. Alla on perusesimerkki näiden tiedostojen sisällyttämisestä verkkosivullesi.

yksi pitkä ja kaksi lyhyttä äänimerkkiä, kun käytät palkintobiosta, osoittaa ongelman
Merkintä



QuickTimeä ei enää tueta Microsoft Windowsissa, ja kaikki uudet selaimet eivät enää tue tätä QuickTime-elokuvien upotustapaa.

Esimerkki HTML-koodista

Upotusesimerkissä koodin ensimmäinen osa osoittaa src ( lähde ), joka on itse elokuvatiedosto. Seuraavaksi pluginspage on kytkeä jos vierailija ei ole asentanut sitä. leveys ja korkeus ovat videotiedoston todelliset mitat. Ohjain arvo voidaan asettaa tosi tai epätosi vaihtaaksesi alempien säätimien näytön.

Kärki

Voit lisätä videotiedoston korkeutta, jos et näe ohjainta.

Silmukka on asetus, kun haluat tiedoston alkavan automaattisesti alusta, kun se on valmis. Lopuksi, automaattinen toisto käskee selainta aloittamaan tai olemaan aloittamatta videotiedoston toistamista, kun sivu on latautunut.

Kirjoita laajennuksen määrittämiseksi upotettavan tagin attribuutti

Lisää upotettuun tagiin tyyppi määritteen avulla määritetään videotiedoston MIME-tyyppi. Näin voit määrittää laajennuksen, jota tarvitaan videon toistamiseen selaimessa.

miten estän verkkosivuston pysyvästi chromessa?

Esimerkki HTML-koodista

Yllä olevassa esimerkissä type-määritteeksi on asetettu video / x-msvideo , joka on MIME-tyyppi AVI-videotiedostoille.

Määritetään arvo, joka määritetään tyyppi määritteen muille videotiedostotyypeille, tarkista videotiedostojen MIME-tyyppien luettelo IANA-mediatyypit sivu.