Hogyan ágyazhat be egy MP4-videófájlt HTML-be, mint a szakemberek

Hogyan ágyazhat be egy MP4-videófájlt HTML-be, mint a szakemberek

Selena Thomas

2021. augusztus 27. 15:00általa megosztva nak nek MP4

Ma már minden egyre könnyebbé válik, kivéve a szakmai munkát, mint pl helyezzen be egy MP4 videót HTML-be honlap. Ennek az az oka, hogy nem minden webböngészőnek volt egységes szabványa a beágyazott médiafájlok, például a videók meghatározására. Ebben a fejezetben két módszert mutatunk be a videók weboldalakhoz való hozzáadásával kapcsolatban, hogy mindenki profi módon készíthessen videóba ágyazott HTML-t.

MP4 beágyazása HTML-be

1. rész: MP4 beillesztése HTML-be

1. módszer: Hogyan ágyazzuk be az MP4-et HTML-be kóddal

A weboldalak HTML kódokat használnak a struktúra létrehozásához. Hasonló az MP4 hozzáadása HTML-ben fénykép beágyazásával. Ehhez azonban több vezérlőelemre van szüksége, például lejátszásra, hurokra, hangra stb. Ezen túlmenően a videónak a böngészőnek megfelelően nagyítania és kicsinyítenie kell. Ezért külső CSS-dokumentumot is igényel.

MP4 HTML

1. lépés

Először hozzon létre egy CSS-dokumentumot, és írja be az alábbi parancsot:

.welcome_vid {
kijelző: blokk;
margó-bal: auto;
margó-jobb: auto;
szélesség: 80%;
magasság: auto;
}

Ez azt jelenti, hogy az MP4-et a HTML közepébe kell helyezni, és a videót reszponzívvá kell tenni. Nevezze el a CSS-dokumentumot: stílus.css és tedd ugyanabba a könyvtárba a weblappal.

2. lépés

Helyezze be a CSS-dokumentumot a weboldalra a kódok hozzáadásával a weboldalhoz:

<head>
<link rel=”stylesheet” href=”style.css” type=”text/css” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>

3. lépés

Most helyezze be az MP4-et HTML-be az alábbi kódokkal:

Cserélje ki pálya a videómappa elérési útjával vagy URL-címével és név az MP4 fájl nevével.

4. lépés

Mentse el a weboldalt, és ellenőrizze, hogy a videó lejátszható-e a weboldalon.

2. módszer: YouTube MP4 hozzáadása HTML-ben

A parancsnyelv kemény kezdőknek és átlagos embereknek. Felmerülhet az a kérdés, hogy felveheti-e az MP4-et HTML-ben minden technikai készség nélkül. Az alábbi lépések hasznosak lehetnek.

1. lépés

Nyissa meg a YouTube webhelyet egy böngészőben, és jelentkezzen be fiókjába. Ha nincs, hozzon létre egy új fiókot.

2. lépés

Kattints a Teremt gombot a kamera ikonjával a jobb felső sarokban, és válassza ki Videó feltöltése. Ezután kattintson FÁJLOK KIVÁLASZTÁSA gombot a felugró párbeszédpanelen, és töltse fel a HTML-be beszúrni kívánt MP4-et.

Videó feltöltése

3. lépés

Kövesse a képernyőn megjelenő utasításokat a leírás és az egyéb opciók beállításához. Végül nyomja meg a MEGMENT gomb.

4. lépés

Ezután nyissa meg a feltöltött videót a YouTube-on, és számos lehetőséget fog látni. Kattints a Ossza meg ikonra, és megjelenik a megosztási panel. Menj a Beágyaz lapon, másolja ki a linket a mezőbe, és illessze be a weboldalára. Az MP4 hozzáadódik a HTML-dokumentumhoz. Alapértelmezés szerint egy iframe-be ágyazott videó. Módosíthatja a kódot is, például a videó méretét és egyebeket.

Megosztás panel

Jegyzet: A YouTube csak egy legfeljebb 12 órával 128 GB-nál kisebb videó felvételét támogatja. Az ajánlott képarány 16:9.

Ajánlás: A legjobb MP4 konverter

Fájl hozzáadása

Az MP4 egy szabványos videoformátum az animált tartalom interneten keresztüli terjesztésére. Néha csak AVI, MKV vagy más veszteségmentes videofájlok vannak. Jobb minőséget kínálnak, mint az MP4, de a fájlméret nagyobb. A legjobb megoldás a videofájlok MP4 formátumba konvertálása Blu-ray Master Video Converter Ultimate.

A legjobb MP4 konverter főbb jellemzői

Röviden szólva, ez a legjobb lehetőség a videofájlok MP4-re konvertálására.

2. rész: GYIK az MP4 HTML-be ágyazásával kapcsolatban

Hogyan lehet egy videót linkgé alakítani?

Ahhoz, hogy egy videót URL-hivatkozássá konvertáljon, hostszolgáltatásra van szüksége. Szerencsére számos szolgáltatás elérhető. A YouTube például lehetővé teszi, hogy videót töltsön fel, és azt linkgé alakítsa. Ezenkívül a felhőszolgáltatások, például a Dropbox is rendelkeznek ilyen kapacitással.

Melyik címkét használják videó beszúrására HTML-be?

A

Hogyan tudok videót lejátszani oldalbetöltéskor?

A HTML5 előtt ahhoz, hogy egy videót lejátszhasson egy weboldalon, Adobe Flash Player beépülő modulra volt szüksége. A HTML5 bevezetésével immár közvetlenül az oldalra helyezheti el a videókat.

Következtetés

Ez az útmutató két egyszerű módot mutat be az MP4 HTML-be illesztésére, hogy videókat tegyen közzé weboldalán. Kezdőknek a YouTube-ot használhatják gazdagépként, és létrehozhatnak egy videólinket. A HTML-kódok azonban több vezérlést biztosítanak a videólejátszáshoz. Ha egyéb problémái vannak, kérjük, hagyjon üzenetet a bejegyzés alatt.

Mi a véleményed erről a bejegyzésről?

Kiváló

Értékelés: 4,9 / 5 (180 szavazat)

További Olvasás

A DAV konvertálása MP4-re – 3 működőképes módszer a CCTV DAV fájlok konvertálására

Mi az a DAV fájl? Ha DAV-ban rögzített néhány videót, hogyan konvertálhat DAV-ot MP4-re? Csak tudjon meg többet a 3 működőképes módszerről a cikkből.

2 legjobb módszer az M4A konvertálására MP4-re Windows és Mac rendszeren

Ha az iTunes M4A-t Android-telefonra vagy más eszközökre szeretné konvertálni, a cikkből két hatékony és egyszerű módszert találhat az M4A MP4-re konvertálására.

WLMP fájl konvertálása MP4-re

Nem sikerült megnyitni a WLMP fájlt a számítógépén? A tény az, hogy egyetlen médialejátszó sem tudja lejátszani. A WLMP-t MP4-re kell konvertálnia. Ez a cikk 3 módszert kínál a WLMP MP4-re konvertálására.

WLMP fájl konvertálása MP4-re

Nem sikerült megnyitni a WLMP fájlt a számítógépén? A tény az, hogy egyetlen médialejátszó sem tudja lejátszani. A WLMP-t MP4-re kell konvertálnia. Ez a cikk 3 módszert kínál a WLMP MP4-re konvertálására.

MP4

Mi az az MP4 Feliratok kibontása MP4-ből MP4 metaadatszerkesztő MOV vs MP4 MP4 fájl tömörítése MP4 vágó Vágja le az MP4-et