Geanimeerde video-achtergrond is een populaire ontwerptrend die nog steeds wordt gedemocratiseerd. In plaats van een groot beeld of zelfs een "heldenbeeld" worden bezoekers begroet met een ontroerend visueel feest dat hun aandacht trekt en verblindt. Helaas is deze functie niet ingebouwd in WordPress, maar dat betekent niet dat het onmogelijk is om een ​​YouTube-video-achtergrond toe te voegen aan een WordPress-site.

Wat moet in dit geval worden gedaan?

Hoewel video-achtergronden eruitzien als een beetje technologische magie, is er geen toverstaf nodig om te worden geïmplementeerd. U hoeft niet in de code te werken, u hoeft geen bestanden te bewerken of onderzoek te doen die de delicate balans van het ontwerp van uw site kunnen verstoren.

Het enige dat u hoeft te doen, is een plug-in installeren als de zeer goed getiteld Video Achtergrond of de vreemd genoemde mb.Ytplayer. Plug-ins zoals deze zijn ongelooflijk eenvoudig te gebruiken en u kunt ze in een mum van tijd installeren.

Waarom YouTube-video's?

Je wilt een YouTube-video toevoegen in plaats van je eigen video te hosten, omdat YouTube niet alleen de ruimte bestrijktaccommodatie, maar ook de bandbreedte die uw bezoekers gebruiken. In plaats van je kostbare te gebruiken ressources, waarom zou je YouTube niet gebruiken? Dit is de reden van het bestaan ​​van deze diensten.

Door YouTube-videoachtergronden te gebruiken in plaats van door uzelf gehoste video's, voorkomt u onnodige crashes, veel sneller laden en een algeheel betere ervaring voor uw gebruikers. U  pouvez gebruik je eigen accommodatie voor een video-achtergrond, maar u zult zeker hogere kosten en druk op uw servers zien. Zeg niet dat we je niet hebben gewaarschuwd.

Tips: gebruik je eigen video's!

Wat u moet weten: met de meeste plug-ins die u kunt gebruiken (deze is inbegrepen) kunt u deze gebruiken  ieder YouTube-video als achtergrond, niet alleen die van jou. Hoewel veel van hen (uiteraard) op YouTube staan ​​voor openbare consumptie, zijn ze niet allemaal op YouTube voor commerciële doeleinden. Controleer daarom alstublieft de rechten van elke video die u gebruikt, vooral als u niet de auteur ervan bent.

Een andere overweging is reclame. Door de manier waarop de video's van YouTube worden afgeleverd, worden de advertenties bij de video's ook afgespeeld. Dus als je niet de eigenaar bent van de video en de eigenaar ervoor heeft gekozen er inkomsten mee te genereren ... nou, je site zal een aantal echt rare advertenties op de achtergrond vertonen in plaats van de geweldige video die je van plan was. Als u zelf eigenaar bent van de video, kunt u ervoor zorgen dat de advertenties zijn uitgeschakeld.

U kunt ervoor zorgen dat de advertenties zijn uitgeschakeld door naar uw YouTube-creatieve studio te gaan en op te klikken modifier in degene die je gebruikt als de YouTube-video-achtergrond en controleer of het tabblad gelde maken shows  Off. Anders kunt u selecteren  Verdien geen geld en sla uw wijzigingen op. Nu worden er geen advertenties weergegeven in plaats van uw video.

Stap 1: installatie en configuratie

speler mb.player.jpg

Zoals altijd bij het gebruik van een plug-in, zoek naar de naam in de map met plug-ins ( of klik hier om mb.Ytplayer te downloaden) . En zoals altijd, moet u het installeren en activeren. U zult hebben mb.ideas - YTPlayer in uw WP-beheerdersdashboard.

md ideas.jpg

De instellingen hier zijn ongelooflijk eenvoudig. Als je een plug-in zoals Video Achtergronden gebruikt, heb je de exacte URL van het YouTube-videobestand nodig (wat buitengewoon moeilijk te verkrijgen is in .mp4- of .webm-indeling). Met mb.Ytplayer hoef je alleen maar de hoofdvideo-URL te plakken. De plug-in extraheert vervolgens de URL zelf.

Stap 2: de video

Ga naar de pagina van de video die je als achtergrond wilt gebruiken. Markeer de set in de URL-balk en druk op CMD / CTRL-C om het volledige webadres te kopiëren.

kopieer de link.jpg

Dat is gedaan, ga terug naar  mb.ideas - YTPlayer en plak de URL in het veld met de titel URL van de YouTube-video. (1)

voeg de video toe op wordpress.jpg

Zorg er vervolgens voor dat u de pagina's selecteert waarop u de video wilt weergeven. (2) Afhankelijk van uw site zal het bij elke persoon anders zijn. Hoe dan ook, elke keer dat je op de knop drukt Wijzigingen opslaan , begint uw site automatisch met het uitpakken van de YouTube-video en voegt deze in waar u maar wilt.

achtergrond divi.jpg

Het belangrijkste nadeel van de gratis versie van deze plug-in is het watermerk dat het in de zijkant van uw site injecteert. Als u een upgrade naar de Pro-versie uitvoert, krijgt u veel meer functies, waaronder de mogelijkheid om het merkteken te verwijderen.

Aangepaste velden

Als je de achtergrondvideo voor een specifiek bericht moet wijzigen, kun je dat ook doen. Deze plug-in voegt een YouTube-video-achtergrond toe met behulp van aangepaste velden. Onder elke pagina en post heb je nu een complete metabox. De fichier titel  vidbg_metabox_field_mp4 is de URL van de directe link naar de YouTube-video.

Dus zelfs als je deze plug-in niet leuk vindt en een andere zoals video-achtergrond wilt gebruiken, kun je deze gebruiken als een hulpmiddel om een ​​eenhoornachtige directe link-URL te vinden.

Bovendien zijn er tal van andere aangepaste velden die u kunt gebruiken om uw YouTube-video-achtergrond aan te passen zonder de Premium-versie te missen.

Dat was het voor deze plug-in, ik hoop dat je hiermee video's op de achtergrond kunt toevoegen aan je WordPress blog. Voel je vrij om dit artikel te delen met je vrienden op sociale netwerken.