Videó beágyazása HTML-be – hogyan működik

Videofájlt szeretne linkelni a HTML-kódjában? Olvassa el itt, hogyan kell ezt megtenni.

kijelző

A HTML egy webhelykészítés formátuma. A jelölőnyelv nagyon moduláris lehet – mindaddig, amíg ismeri a megfelelő parancsokat. Például a videofájlok is integrálhatók a HTML-be. A következőkben elmagyarázzuk, hogyan linkelhet YouTube-videókat, és hogyan integrálhatja saját videóit.

  • Videoparancs HTML-ben
  • YouTube videó beágyazása

Videoparancs HTML-ben

A videók beágyazásának parancsa nagyon egyszerű:

Ezt a formátumot minden elterjedt böngésző is támogatja. Ezután ki kell töltenie a közötti területet a kívánt videó bejegyzéseivel és beállításaival. Számos testreszabási lehetőség van erre:

  • magasság szélesség: Itt adhatja meg a videó magasságát és szélességét képpontokban.
  • vezérlők: Ezzel kapcsolhatja be a videobeállítások megjelenítését nézés közben.
  • források: A Source a saját parancsa, és meghatározza a videód forrását. Ez lehet egy fájl a számítógépén vagy egy videó egy internetes platformon. Miután meg kell adnia a forrást az "src=" paraméterrel.
  • típus: Itt határozhatja meg a videó formátumát. A jelenlegi HTML-verzió, a HTML5, támogatja az MP4, WebM és Ogg videóformátumokat.

A videólejátszást további attribútumokkal is testreszabhatja:

  • automatikus lejátszás: A videó az oldal elérésekor azonnal lejátszásra kerül. Ez nem mindig működik egyes mobileszközökön.
  • hurok: Amint a videó véget ér, újra kezdődik.
  • poszter: Lehetővé teszi egy kép beállítását. Ez a videó elindításáig látható.
  • előtöltés: A videónak nem kell azonnal betöltődnie, amint elindul. Az oldal betöltése után automatikusan betöltődik.
  • kötetek: Itt egy 0 és 100 közötti értéket kell megadni, amely meghatározza a videó hangerejét.

A kész videóparancs így néz ki:

kijelző

src="példa videourl.mp4" type="video/mp4"

kijelző

Vagy így:

kijelző

Néha a fenti videóparancs helyett is használatos. Ennek a parancsnak az a különlegessége, hogy egyetlen elemből áll. A megfelelő beállítások közvetlenül az első iframe elembe vannak írva, és nem állnak egyetlen elemként a és között . Az ezzel a formátummal beágyazott videó így nézhet ki:

kijelző

A "forrás" helyett itt kell megadnia a kívánt videó hivatkozását, például a YouTube-ra mutató hivatkozást.

YouTube videó beágyazása

A YouTube segítségével nagyon egyszerűen integrálhatja a megfelelő videót a webhelyébe. Látogassa meg a videót, kattintson rá jobb gombbal, és válassza a "A beágyazott kód másolása" ki. Ezt a kódot közvetlenül a HTML-fájlba másolhatja.

A jobb kattintással és a "Beágyazási kód másolása" lehetőséggel közvetlenül használhatja. ×

Alternatív megoldásként kattintson a "feloszt" és különféle lehetőségeket kínál. Választ "Beágyaz", a forráskód is megjelenik a jobb oldalon.

Bővebben a témáról: