Hur man bäddar in en MP4-videofil i HTML som proffs

Hur man bäddar in en MP4-videofil i HTML som proffs

Selena Thomas

27 augusti 2021 kl. 15.00Postat av till MP4

Idag blir allt allt lättare utom det professionella arbetet, som t.ex infoga en MP4-video i HTML webbsida. Det beror på att alla webbläsare inte hade en enhetlig standard för att definiera inbäddade mediefiler som video. I det här kapitlet kommer vi att demonstrera två metoder för att lägga till videor på webbsidor, så att alla kan göra videoinbäddad HTML som proffs.

Bädda in MP4 i HTML

Del 1: Hur man infogar MP4 i HTML

Metod 1: Hur man bäddar in MP4 i HTML med kod

Webbsidor använder HTML-koder för att skapa struktur. Det liknar att lägga till en MP4 i HTML med att bädda in ett foto. Den behöver dock fler kontroller, såsom uppspelning, loop, ljud, etc. Dessutom bör videon zooma in och ut beroende på din webbläsare. Därför kräver det ett externt CSS-dokument också.

MP4 HTML

Steg 1

Skapa först ett CSS-dokument och ange kommandot nedan:

.welcome_vid {
display: block;
marginal-vänster: auto;
marginal-höger: auto;
bredd: 80%;
höjd: auto;
}

Det innebär att lägga till MP4 i mitten av HTML och göra videon responsiv. Namnge CSS-dokumentet som style.css och placera den i samma katalog som webbsidan.

Steg 2

Infoga CSS-dokumentet på webbsidan genom att lägga till koderna på webbsidan:

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

Steg 3

Nu, infoga MP4 i HTML med koderna nedan:

Byta ut väg med sökvägen till din videomapp eller URL och namn med ditt MP4-filnamn.

Steg 4

Spara webbsidan och kontrollera om videon spelas upp på webbsidan.

Metod 2: Hur man lägger till YouTube MP4 i HTML

Kommandospråket är tufft för nybörjare och genomsnittliga människor. Du kanske undrar om du kan lägga till MP4 i HTML utan någon teknisk skicklighet. Stegen nedan kan vara till hjälp.

Steg 1

Öppna YouTube-webbplatsen i en webbläsare och logga in på ditt konto. Om du inte har det, skapa ett nytt konto.

Steg 2

Klicka på Skapa knappen med videokameraikonen uppe till höger och välj Ladda upp video. Klicka sedan VÄLJ FILER knappen i popup-dialogrutan och ladda upp MP4:an som du vill infoga i HTML.

Ladda upp video

Steg 3

Följ instruktionerna på skärmen för att ställa in beskrivningen och andra alternativ. Till sist, tryck på SPARA knapp.

Steg 4

Öppna sedan den uppladdade videon på YouTube, och du kommer att se flera alternativ. Klicka på Dela med sig ikonen så får du delningspanelen. Gå till Bädda in kopiera länken i rutan och klistra in den på din webbsida. MP4 kommer att läggas till i ditt HTML-dokument. Som standard är video inbäddad i en iframe. Du kan också ändra kod, som videostorlek och mer.

Dela panel

Notera: YouTube stöder bara upp till en video upp till 12 timmar mindre än 128 GB. Det rekommenderade bildförhållandet är 16:9.

Rekommendera: Bästa MP4-konverteraren

Lägg till fil

MP4 är ett standardvideoformat för att distribuera animerat innehåll via internet. Ibland har du bara AVI, MKV eller andra förlustfria videofiler. De erbjuder bättre kvalitet än MP4, men filstorleken är större. Den bästa lösningen är att konvertera dina videofiler till MP4 med Blu-ray Master Video Converter Ultimate.

Huvuddragen hos den bästa MP4-omvandlaren

Kort sagt, det är det bästa alternativet att konvertera dina videofiler till MP4.

Del 2: Vanliga frågor om att bädda in MP4 i HTML

Hur gör man en video till en länk?

För att konvertera en video till en URL-länk behöver du en värdtjänst. Lyckligtvis finns det många tjänster tillgängliga. YouTube, till exempel, låter dig ladda upp en video och förvandla den till en länk. Dessutom har molntjänster som Dropbox sådan kapacitet också.

Vilken tagg används för att infoga video i HTML?

De

Hur kan jag spela upp en video vid sidladdning?

Innan HTML5, för att kunna spela upp en video på en webbsida, skulle du behöva Adobe Flash Player-plugin. Med introduktionen av HTML5 kan du nu placera videor direkt på själva sidan.

Slutsats

Den här guiden har berättat för dig två enkla sätt att infoga MP4 till HTML, så att du kan publicera videor på din webbsida. För nybörjare kan du använda YouTube som värd och skapa en videolänk. Men HTML-koderna ger dig fler kontroller av videouppspelning. Om du har andra problem får du gärna lämna ett meddelande nedanför detta inlägg.

Vad tycker du om det här inlägget?

Excellent

Betyg: 4,9 / 5 (180 röster)

Mer läsning

Hur man konverterar DAV till MP4 - 3 fungerande metoder för att konvertera CCTV DAV-filer

Vad är en DAV-fil? När du har spelat in några videor i DAV, hur konverterar man DAV till MP4? Lär dig bara mer om de tre användbara sätten från artikeln.

2 bästa sätten att konvertera M4A till MP4 på Windows och Mac

När du vill konvertera iTunes M4A till en Android-telefon eller andra enheter kan du få 2 effektiva och enkla sätt att konvertera M4A till MP4 från artikeln.

Hur man konverterar WLMP-fil till MP4

Misslyckades du med att öppna en WLMP-fil på din dator? Faktum är att ingen mediaspelare kan spela det. Du måste konvertera WLMP till MP4. Den här artikeln ger dig 3 sätt att konvertera WLMP till MP4.

Hur man konverterar WLMP-fil till MP4

Misslyckades du med att öppna en WLMP-fil på din dator? Faktum är att ingen mediaspelare kan spela det. Du måste konvertera WLMP till MP4. Den här artikeln ger dig 3 sätt att konvertera WLMP till MP4.

MP4

Vad är MP4 Extrahera undertexter från MP4 MP4 Metadata Editor MOV vs MP4 Komprimera MP4-fil MP4 Cutter Beskär MP4