Hogyan lehet MP4 videofájlt HTML -be ágyazni, mint a profik

Augusztus 27, 2021 15: 00általa megosztva Selena Thomas nak nek MP4

Manapság minden egyre könnyebbé válik, kivéve a szakmai munkát, mint pl helyezzen be egy MP4 videót a HTML -be honlap. Ennek oka az, hogy minden webböngésző nem rendelkezett egységes szabvánnyal a beágyazott médiafájlok, például a videó meghatározásához. Ebben a fejezetben két módszert mutatunk be a videók weboldalakra való felvételéhez, hogy mindenki professzionális módon készíthessen videóba ágyazott HTML -t.

MP4 beágyazása HTML-be

1. rész: Az MP4 beszúrása a HTML -be
2. rész: GYIK az MP4 HTML -be ágyazásával kapcsolatban

1. rész: Az MP4 beszúrása a HTML -be

Módszer: Az MP1 beágyazása HTML kódba

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. Ennek ellenére több vezérlőre van szüksége, például lejátszásra, hurokra, hangra stb. Ezenkívül a videónak nagyítania és kicsinyítenie kell a böngészőjének megfelelően. Ezért külső CSS dokumentumra is szükség van.

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 hozzáadjuk a HTML középpontjához, és reagálunk a videóra. Nevezze el a CSS dokumentumot style.css és tegye a weboldallal azonos könyvtárba.

2 lépés

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

3 lépés

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

Ez a böngésző nem jeleníti meg a video címkét.

Cserélje ösvény a video mappa elérési útjával vagy URL -jével név az MP4 fájlnevével.

4 lépés

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

Módszer: YouTube MP2 hozzáadása HTML -ben

A parancsnyelv nehéz kezdőknek és átlagembereknek. Felmerülhet a kérdés, hogy mindenféle technikai készség nélkül hozzáadhat -e MP4 -et HTML -ben. Az alábbi lépések hasznosak lehetnek.

1 lépés

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

2 lépés

Kattintson az Teremt gombot a jobb felső sarokban található kamera ikonnal, majd válassza a lehetőséget Videó feltöltése. Ezután kattintson FÁJLOK KIVÁLASZTÁSA gombot az előugró párbeszédpanelen, és töltse fel az MP4 fájlt, amelyet be szeretne illeszteni a HTML -be.

Videó feltöltése

3 lépés

Kövesse a képernyőn megjelenő utasításokat a leírás és egyéb lehetőségek beállításához. Végül nyomja meg a gombot MENTÉS gombot.

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 Megosztás ikonra, és megjelenik a megosztási panel. Menj a beágyaz fülre, másolja a linket a mezőbe, és illessze be a weboldalára. Az MP4 hozzáadja a HTML dokumentumot. Alapértelmezés szerint a videó egy iframe keretbe van ágyazva. Módosíthatja a kódot is, például a videó méretét és így tovább.

Jegyzet: A YouTube csak legfeljebb 12 órás, 128 GB -nál kevesebb videót támogat. Az ajánlott képarány 16: 9.

Ajánlom: A legjobb MP4 átalakító

Fájl hozzáadása

Az MP4 egy szabványos videó formátum animált tartalom interneten történő terjesztésére. Néha csak AVI, MKV vagy más veszteségmentes videofájlja van. Jobb minőséget kínálnak, mint az MP4, de a fájlméret nagyobb. A legjobb megoldás az, ha a videofájlokat MP4 formátumba konvertálja Ultimate Blu-ray Master Video Converter.

A legjobb MP4 átalakító főbb jellemzői

* A videofájlok konvertálása MP4 formátumba a HTML -hez való hozzáadáshoz.
* Kiváló minőségű termelés a fejlett technológia segítségével.
* Támogatja a kötegelt több videó konvertálását egyszerre.
* Széleskörű bónuszeszközöket kínál, például videószerkesztést.

Röviden szólva, ez a legjobb megoldás a videó fájlok MP4 formátumba konvertálására.

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

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

Ahhoz, hogy egy videót URL -hivatkozássá alakítson, hostszolgáltatásra van szüksége. Szerencsére sok szolgáltatás áll rendelkezésre. A YouTube például lehetővé teszi egy videó feltöltését és linkre váltását. Sőt, a felhőszolgáltatások, mint például a Dropbox is rendelkeznek ilyen kapacitással.

Melyik címkével lehet videót beszúrni a HTML -be?

Az elem, amely natív videólejátszási támogatást ad a HTML5 HTML -specifikációjához, felhasználható videó beágyazásához egy HTML dokumentumba.

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

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

Következtetés

Ez az útmutató két egyszerű módszert ismertetett az MP4 HTML -be való beillesztéséhez, hogy videókat tegyen közzé weboldalán. Kezdők számára használhatja a YouTube -ot házigazdaként, és létrehozhat egy videó linket. A HTML -kódok azonban jobban szabályozhatják a videolejátszást. Ha más problémája van, nyugodtan hagyjon üzenetet a bejegyzés alatt.

Mit gondolsz erről a hozzászólásról?

Kiváló

Értékelés: 4.9 / 5 (180 szavazat)