Een filmpje automatisch afspelen in WordPress, hoe?
MALDEN (Nederland) – Vroeger werden filmpjes gezien als een vak apart, maar tegenwoordig kunnen we ze niet meer wegdenken van onze websites. Doordat de wereld steeds sneller is geworden, willen we het doel in één opslag aan de bezoeker duidelijk maken. Daarom is het belangrijk dat het filmpje in WordPress zich automatisch laat afspelen. We willen namelijk dat de bezoeker een zo goed mogelijke beleving heeft bij onze website. Dus: hoe doen we dat? In dit artikel gebruiken we het Divi-thema voor WordPress, maar de code die we gaan invoeren geldt ook voor andere thema’s.
Als eerste: insluiten op YouTube
In de eerste plaats willen we naar de bron gaan waar we ons filmpje vandaan gaan halen: YouTube. We willen het filmpje namelijk van een bron buiten onze eigen website halen, omdat de website anders traag kan worden. Om te beginnen gaan we dus naar het filmpje die we graag willen uploaden op de website. Vervolgens klikken we op de knop ‘delen‘ onder het filmpje. Dan opent er een scherm waarop je moet kiezen voor ‘insluiten‘. Daardoor ontstaat er een code die je moet kopiëren (Ctrl C of rechtermuisknop ‘kopiëren’). Deze code is belangrijk voor de vervolg stappen.
Vervolgens: de code invoeren voor het automatisch afspelen
Vervolgens willen we de code gaan invoeren. Ga daarom naar de module waar je de code in kan voeren (in het geval van het Divi-thema ‘module invoeren+‘ – ‘code<>‘). Voer daarna de code in die we van YouTube hebben gekopieerd (Ctrl V of rechtermuisknop ‘plakken’). Als het goed is staat er iets zoals ‘<iframe width=”560″height=”315″src=”https://www.youtube.com/embed/YtP61vaTODU“frameborder=”0″allow=”accelerometer;autoplay;clipboard-write;encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>’. Kopieer dan de identiteit van het filmpje (YtP61vaTODU in dit geval).
Als laatste: de code bewerken in WordPress
Als laatste willen we de code bewerken door achter de link van YouTube ‘?playlist=YtP61vaTODU&autoplay=1′ te zetten. Nogmaals: het dikgedrukte gedeelte is de identiteit van het filmpje en is per filmpje dus anders. Uiteindelijk krijg je in mijn geval de volgende code: <iframe width=”560″height=”315″src=”https://www.youtube.com/embed/YtP61vaTODU?playlist=YtP61vaTODU&autoplay=1″frameborder=”0″allow=”accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture”allowfullscreen></iframe>. Wil je ook een ‘loop’ en ‘mute’? Volg dan dezelfde stappen maar dan met ‘&loop(of mute)=1‘ of bekijk ons filmpje over dit onderwerp.
Samenvattend de code: ‘?playlist=…&autoplay=1&mute=1&loop=1’ Voeg bij ‘…’ de identiteit van je filmpje toe (Zoiets als ‘YtP61vaTODU’).
Speelt het filmpje automatisch af in WordPress?
Heb je iets aan deze informatie gehad? Volg ons dan op LinkedIn en Facebook door te klikken op een van de onderstaande knoppen. Je bent natuurlijk ook vrij om onze blog te delen via de ‘share’ knoppen. Mocht het niet gelukt zijn dan kun je altijd een reactie versturen.
Toch niet tevreden met het resultaat van je eigen website? Kijk je achteraf met een gevoel van: ‘er ontbreekt iets’. Kijk dan even op webpagina’s over de professionele webshops en de websites die wij met heel veel plezier voor je bouwen.
Hartelijke groet,
SMLFwebdesign.
Volg ons
Een filmpje automatisch afspelen in WordPress, hoe?
MALDEN (Nederland) – Vroeger werden filmpjes gezien als een vak apart, maar tegenwoordig kunnen we ze niet meer wegdenken van onze websites. Doordat de wereld steeds sneller is geworden, willen we het doel in één opslag aan de bezoeker duidelijk maken. Daarom is het belangrijk dat het filmpje in WordPress zich automatisch laat afspelen. We willen namelijk dat de bezoeker een zo goed mogelijke beleving heeft bij onze website. Dus: hoe doen we dat? In dit artikel gebruiken we het Divi-thema voor WordPress, maar de code die we gaan invoeren geldt ook voor andere thema’s.
Als eerste: insluiten op YouTube
In de eerste plaats willen we naar de bron gaan waar we ons filmpje vandaan gaan halen: YouTube. We willen het filmpje namelijk van een bron buiten onze eigen website halen, omdat de website anders traag kan worden. Om te beginnen gaan we dus naar het filmpje die we graag willen uploaden op de website. Vervolgens klikken we op de knop ‘delen‘ onder het filmpje. Dan opent er een scherm waarop je moet kiezen voor ‘insluiten‘. Daardoor ontstaat er een code die je moet kopiëren (Ctrl C of rechtermuisknop ‘kopiëren’). Deze code is belangrijk voor de vervolg stappen.
Vervolgens: de code invoeren voor het automatisch afspelen
Vervolgens willen we de code gaan invoeren. Ga daarom naar de module waar je de code in kan voeren (in het geval van het Divi-thema ‘module invoeren+‘ – ‘code<>‘). Voer daarna de code in die we van YouTube hebben gekopieerd (Ctrl V of rechtermuisknop ‘plakken’). Als het goed is staat er iets zoals ‘<iframe width=”560″height=”315″src=”https://www.youtube.com/embed/YtP61vaTODU“frameborder=”0″allow=”accelerometer;autoplay;clipboard-write;encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>’. Kopieer dan de identiteit van het filmpje (YtP61vaTODU in dit geval).
Als laatste: de code bewerken in WordPress
Als laatste willen we de code bewerken door achter de link van YouTube ‘?playlist=YtP61vaTODU&autoplay=1′ te zetten. Nogmaals: het dikgedrukte gedeelte is de identiteit van het filmpje en is per filmpje dus anders. Uiteindelijk krijg je in mijn geval de volgende code: <iframe width=”560″height=”315″src=”https://www.youtube.com/embed/YtP61vaTODU?playlist=YtP61vaTODU&autoplay=1″frameborder=”0″allow=”accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture”allowfullscreen></iframe>. Wil je ook een ‘loop’ en ‘mute’? Volg dan dezelfde stappen maar dan met ‘&loop(of mute)=1‘ of bekijk ons filmpje over dit onderwerp.
Samenvattend de code: ‘?playlist=…&autoplay=1&mute=1&loop=1’ Voeg bij ‘…’ de identiteit van je filmpje toe (Zoiets als ‘YtP61vaTODU’).
Speelt het filmpje automatisch af in WordPress?
Heb je iets aan deze informatie gehad? Volg ons dan op LinkedIn en Facebook door te klikken op een van de onderstaande knoppen. Je bent natuurlijk ook vrij om onze blog te delen via de ‘share’ knoppen. Mocht het niet gelukt zijn dan kun je altijd een reactie versturen.
Toch niet tevreden met het resultaat van je eigen website? Kijk je achteraf met een gevoel van: ‘er ontbreekt iets’. Kijk dan even op webpagina’s over de professionele webshops en de websites die wij met heel veel plezier voor je bouwen.
Hartelijke groet,
SMLFwebdesign.