Een MP4-videobestand insluiten in HTML zoals professionals

Augustus 27, 2021 15: 00Posted by Selena Thomas naar MP4

Tegenwoordig wordt alles steeds gemakkelijker, behalve het professionele werk, zoals: een MP4-video invoegen in HTML webpagina. Dat komt omdat niet alle webbrowsers een uniforme standaard hadden voor het definiëren van ingesloten mediabestanden zoals video. In dit hoofdstuk zullen we twee methoden demonstreren voor het toevoegen van video's aan webpagina's, zodat iedereen video embedded HTML kan maken zoals professionals.

Sluit MP4 in HTML in

Deel 1: MP4 invoegen in HTML
Deel 2: Veelgestelde vragen over het insluiten van MP4 in HTML

Deel 1: MP4 invoegen in HTML

Methode 1: MP4 insluiten in HTML met code

Webpagina's gebruiken HTML-codes om structuur te creëren. Het is vergelijkbaar met het toevoegen van een MP4 in HTML met het insluiten van een foto. Het heeft echter meer bedieningselementen nodig, zoals afspelen, loop, audio, enz. Bovendien moet de video in- en uitzoomen volgens uw browser. Daarom is ook een extern CSS-document vereist.

MP4-HTML

Stap 1

Maak eerst een CSS-document en voer de onderstaande opdracht in:

.welkom_vid {
display: block;
marge-links: auto;
marge-rechts: auto;
breedte: 80%;
hoogte: auto;
}

Het betekent het toevoegen van de MP4 in het midden van de HTML en het responsief maken van de video. Noem het CSS-document als style.css en plaats het in dezelfde map als de webpagina.

Stap 2

Voeg het CSS-document toe aan de webpagina door de codes aan de webpagina toe te voegen:

Stap 3

Voeg nu de MP4 in HTML in met de onderstaande codes:

Deze browser geeft de videotag niet weer.

vervangen pad met het pad of de URL van uw videomap en naam met uw MP4-bestandsnaam.

Stap 4

Sla de webpagina op en controleer of de video op de webpagina wordt afgespeeld.

Methode 2: Hoe YouTube MP4 in HTML toe te voegen

De commandotaal is moeilijk voor beginners en gemiddelde mensen. Je kunt je afvragen of je MP4 in HTML kunt toevoegen zonder enige technische vaardigheid. De onderstaande stappen kunnen nuttig zijn.

Stap 1

Open de YouTube-website in een browser en log in op uw account. Als je die nog niet hebt, maak dan een nieuw account aan.

Stap 2

Klik op de creëren met het camcorderpictogram in de rechterbovenhoek en selecteer Upload video. Dan klikken SELECTEER BESTAND knop in het pop-upvenster en upload de MP4 die u in HTML wilt invoegen.

Upload video

Stap 3

Volg de instructies op het scherm om de beschrijving en andere opties in te stellen. Raak ten slotte de GELD BESPAREN knop.

Stap 4

Open vervolgens de geüploade video in YouTube en je ziet verschillende opties. Klik op de Delen pictogram en u krijgt het deelvenster. Ga naar de embed tabblad, kopieer de link in het vak en plak deze in uw webpagina. De MP4 wordt toegevoegd aan uw HTML-document. Standaard video ingebed in een iframe. Je kunt ook code wijzigen, zoals het videoformaat en meer.

Opmerking: YouTube ondersteunt alleen tot een video tot 12 uur minder dan 128 GB. De aanbevolen beeldverhouding is 16:9.

Aanbevelen: beste MP4-converter

Bestand toevoegen

MP4 is een standaard videoformaat voor het distribueren van geanimeerde inhoud via internet. Soms heb je gewoon AVI, MKV of andere lossless videobestanden. Ze bieden een betere kwaliteit dan MP4, maar de bestandsgrootte is groter. De beste oplossing is om uw videobestanden naar MP4 te converteren met Blu-ray Master Video Converter Ultimate.

Hoofdkenmerken van de beste MP4-converter

* Converteer videobestanden naar MP4-formaat om toe te voegen aan HTML.
* Produceer hoge kwaliteit met behulp van geavanceerde technologie.
* Ondersteuning voor batchconversie van meerdere video's per keer.
* Bied je uitgebreide bonustools, zoals videobewerking.

Kort gezegd is het de beste optie om uw videobestanden naar MP4 te converteren.

Deel 2: Veelgestelde vragen over het insluiten van MP4 in HTML

Hoe maak je van een video een link?

Om een video om te zetten in een URL-link, heb je een hostservice nodig. Gelukkig zijn er veel diensten beschikbaar. Met YouTube kun je bijvoorbeeld een video uploaden en in een link veranderen. Bovendien hebben cloudservices zoals Dropbox ook zo'n capaciteit.

Welke tag wordt gebruikt om video in HTML in te voegen?

De element, dat native ondersteuning voor het afspelen van video toevoegt aan de HTML-specificatie in HTML5, kan worden gebruikt om een video in een HTML-document in te sluiten.

Hoe kan ik een video afspelen bij het laden van een pagina?

Vóór HTML5 had u de Adobe Flash Player-plug-in nodig om een video op een webpagina af te spelen. Met de introductie van HTML5 kun je nu video's rechtstreeks op de pagina zelf plaatsen.

Conclusie

Deze gids heeft je twee eenvoudige manieren verteld om MP4 in HTML in te voegen, zodat je video's op je webpagina kunt publiceren. Voor beginners kun je YouTube als host gebruiken en een videolink maken. De HTML-codes geven u echter meer controle over het afspelen van video's. Als je andere problemen hebt, laat dan gerust een bericht achter onder dit bericht.

Wat vind je van dit bericht?

Uitstekend

Beoordeling: 4.9 / 5 (180 stemmen)