Hoe een youtubevideo embedden (delen op website of blog)

Om een YouTube-video te embedden, heb je de volgende stappen nodig:

1. Ga naar de YouTube-video die je wilt embedden.
2. Klik op de deelknop onder de video.
3. Klik op "Embed".
4. Kopieer de HTML-code die wordt weergegeven.
5. Plak de HTML-code in de HTML-code van je website.

De HTML-code voor het embedden van een YouTube-video ziet er als volgt uit:

HTML

<iframe width="560" height="315" src="https://www.youtube.com/embed/[VIDEO_ID]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>  

Wanneer je de HTML-code hebt geplakt in de HTML-code van je website, wordt de video automatisch weergegeven op je website.

Je kunt de HTML-code aanpassen aan je eigen behoeften. Zo kun je de breedte en hoogte van de video aanpassen, de video automatisch laten afspelen en de video starten op een specifieke tijd.

Hier zijn enkele voorbeelden van hoe je de HTML-code kunt aanpassen:

• Om de breedte en hoogte van de video aan te passen, kun je de waarden voor width en height aanpassen.
• Om de video automatisch te laten afspelen, voeg je de parameter autoplay toe aan de HTML-code.
• Om de video te starten op een specifieke tijd, voeg je de parameter start toe aan de HTML-code en geef je de tijd in seconden op.

Hier is een voorbeeld van hoe je de HTML-code kunt aanpassen om de video automatisch te laten afspelen en te starten op een specifieke tijd:

HTML

<iframe width="560" height="315" src="https://www.youtube.com/embed/[VIDEO_ID]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen autoplay start="10"></iframe>  

Deze code zal de video automatisch laten afspelen en starten op 10 seconden.

Je kunt ook een YouTube-video embedden zonder de HTML-code te gebruiken. Je kunt hiervoor een tool zoals YouTube-video-embedder gebruiken. Deze tool genereert de HTML-code voor je en je kunt deze code vervolgens kopiëren en plakken in de HTML-code van je website.

Sources

1. https://github.com/hafidz-annur/resume subject to license (MIT)

2. https://www.sciencetimes.com/articles/27439/20200924/fossils-support-theory-claiming-spinosaurus-led-aquatic-life.htm

 

Cyberpunk 2077 Live game-video embed: