Video- of audiobestanden uploaden en plaatsen

Transcriptie

1 Video- of audiobestanden uploaden en plaatsen Wil je een video op je website plaatsen? De makkelijkste manier is om die eerst op een videoportal zoals YouTube of Vimeo te plaatsen. Vervolgens kun je die video dan heel eenvoudig invoegen in je eigen website via Visual Composer. De uitleg daarover vind je in onze aparte handleiding "Pagina's vullen en opmaken met Visual Composer", die je kunt downloaden via deze link: Maar misschien wil je je video alleen op je eigen website laten zien en niet op een openbare portal. In dat geval kun je een video ook uploaden via WordPress en in je website plaatsen. Dit geldt ook voor audio-bestanden. In deze tutorial leggen we uit hoe dit werkt. Een video uploaden en plaatsen Om een video in een pagina te plaatsen ga je als volgt te werk: 1. Klik in de pagina op de Visual Composer button Add element, het plus-teken in een bestaande row of het plus-teken bovenaan of onderaan een bestaande column en kies vervolgens het element Text Block (dus niet het element Video Player). 2. Klik op de button Media toevoegen die je boven de teksteditor ziet staan: 3. Je komt nu in de mediabibliotheek van WordPress. Als je je video al eerder hebt geupload (dat kan via Media > Nieuw bestand) klik je dat bestand aan en klik je rechtsonderaan op de button In pagina invoegen. Als je het bestand nog niet had geupload klik je bovenaan op Bestand uploaden, upload je het bestand in kwestie en klik je vervolgens rechtsonderaan op de button In pagina invoegen. Pagina 1 van 6 / Tutorial Video en Audio Plaatsen / versie

2 4. Je ziet nu dat er een stukje code wordt ingevoegd in de teksteditor: Dit is een zogeheten shortcode en dit de manier waarop WordPress een video invoegt in een pagina. Hoewel je dus in het CMS zelf geen video ziet, is dit al voldoende om de video aan de "voorkant" van je website afspeelbaar te laten zien. Als je het text block en de pagina nu opslaat, zul je zien dat de video op je website als volgt in de pagina wordt getoond: Op zich heb je de video dus nu al succesvol in je pagina geplaatst. Hieronder vind je aanvullende informatie over aanvullende instellingen die je nog kunt plegen. Extra instellingen voor de video Om de weergave van de video aan te passen, moet je de shortcode wat aanpassen. Dat lijkt misschien wat technisch, maar het valt reuze mee. Je kunt de volgende zaken via de shortcode instellen: Het formaat van de video. Een alternatief preview-beeld. Of de video direct moet worden afgespeeld als de pagina wordt geopend. Of de video na afloop automatisch herhaald moet worden. Pagina 2 van 6 / Tutorial Video en Audio Plaatsen / versie

3 Het formaat van de video In de shortcode zie je een waarde voor width (breedte) en height (hoogte): [video width="560" height="320" mp4=" De waarden geven de breedte en hoogte aan in pixels. Standaard wordt hier het oorspronkelijke formaat van het geuploade filmpje gebruikt. Door deze waarden aan te passen kun je het formaat van de video aanpassen. Zorg daarbij dat je je dezelfde verhoudingen blijft hanteren, anders krijg je grijze stroken boven en onder of links en rechts van de video. Dus als je de video half zo groot wilt maken, deel je beide waardes door 2 en vul je in: [video width="280" height="160" mp4=" TIP In Visual Composer ben je gewend dat inhoud van elementen zich qua grootte automatisch aanpast aan de breedte van de kolom. Die vlieger gaat in dit geval helaas niet op: je zult het formaat van een video dus op de hierboven beschreven manier moeten aanpassen. Een alternatief preview-beeld Voordat de video wordt afgespeeld wordt een stilstaand beeld van het filmpje getoond. Je kunt hier echter ook een eigen plaatje laten zien. Volg daarvoor onderstaande stappen: Ga naar Media en klik helemaal bovenin op de link Nieuw bestand. Upload het plaatje (als het tijdbalkje verdwijnt is het bestand geupload). Ga weer naar Media. Als het goed is ziet je het plaatje nu helemaal bovenaan staan. Klik op de naam van het bestand. Helemaal rechts zie je een blokje met een aantal eigenschappen, waaronder de Bestand URL: Die Bestand URL is feitelijk het 'adres' van het plaatje. Kopieer nu dat hele adres (let even op dat je alle tekst selecteert en kopieert, want die tekst is langer dan het veld). Pagina 3 van 6 / Tutorial Video en Audio Plaatsen / versie

4 In dit voorbeeld is het volledig gekopieerde adres van het plaatje: Dit adres moet nu met een kleine toevoeging worden toegevoegd aan de shortcode: poster=" NB: Let op het gebruik van de omsluitende dubbele aanhalingstekens. Het eindresultaat ziet er dan als volgt uit: [video width="560" height="320" poster=" mp4=" Het maakt op zich niet uit waar je het stukje aanvullende code invoegt, als je maar tussen andere parameters zet, voorafgegaan en gevolgd door een spatie. Nu zal het door jou geplaatste plaatje worden getoond voordat de video wordt afgespeeld. TIP Als je plaatje groter of kleiner is dan de video wordt het geschaald binnen de grootte van de video. Als de verhoudingen niet overeenkomen zullen er links en rechts of onder en boven grijze stroken worden getoond. Wil je dat voorkomen maak je plaatje dan precies even groot als de video. Video direct afspelen als de pagina wordt geopend Om een video direct af te laten spelen zodra de pagina wordt geopend, voeg je een extra stukje code in binnen de shortcode, als volgt: [video width="560" height="320" autoplay="on" mp4=" Video na afloop automatisch herhalen Om een video na afloop automatisch opnieuw te laten afspelen, voeg je een extra stukje code in binnen de shortcode, als volgt: [video width="560" height="320" loop="on" mp4=" Welke soorten video's kun je uploaden? Er zijn verschillende soorten videobestanden. In WordPress kun je de volgende soorten uploaden:.mp4,.m4v (MPEG-4).mov (QuickTime).wmv (Windows Media Video).avi.mpg.ogv (Ogg).3gp (3GPP),.3g2 (3GPP2) Pagina 4 van 6 / Tutorial Video en Audio Plaatsen / versie

5 Hoe zwaar mogen video's zijn? In je WordPress-website kun je standaard bestanden tot 10 Mb uploaden. Als je grotere bestanden wilt uploaden, laat het ons dan even weten via een mailtje naar dan kunnen we deze limiet verhogen. Hou echter in de gaten dat zware videobestanden (en het afspelen daarvan door bezoekers van je website) je hostingkosten kunnen verhogen. Ons standaard hostingpakket biedt 1 Gb opslagcapaciteit en 2,5 Gb dataverkeer per maand. Opslagcapaciteit wil zeggen dat je maximaal 1 Gb aan bestanden kunt uploaden naar je website. Dataverkeer betekent het volgende: als je een bestand van 1 Mb uploadt naar je website, veroorzaakt dat 1 Mb dataverkeer. Als een bezoeker datzelfde bestand bekijkt of downloadt (bijvoorbeeld een video of zware PDF) veroorzaakt dat ook weer 1 Mb dataverkeer. Je kunt je voorstellen dat het dataverkeer vooral bij video's (wat vaak tamelijk zware bestanden zijn) snel kan oplopen. Als een zware video op je website honderden keren per maand wordt bekeken, ga je al snel over de limiet heen. Omdat je geen controle hebt over hoeveel bezoekers video's op je website bekijken, zou je dus tegen onaangename en onverwachte extra kosten kunnen aanlopen. Daarom adviseren we om bij veel en/of zware video's gebruik te maken van gratis video-sites als YouTube of Vimeo. Upload je video naar zo'n site en "embed" de video vervolgens in je site met behulp van het "Video Player" element van Visual Composer. De video wordt dan even netjes weergegeven, maar er ontstaat geen extra hostingbelasting voor je website. Een audiobestand uploaden en plaatsen Dit werkt deels vergelijkbaar als het het plaatsen van een videobestand. Volg daarom eerst stap 1 tot en met 3 zoals beschreven bij Een video uploaden en plaatsen op pagina 1 en 2. Ook in dit geval resulteert dit in de editor in een ingevoegde shortcode: Op de site zal een afspeelbalkje worden getoond. Bezoekers kunnen daarop de play-button aanklikken om het audiobestand af te spelen. TIP In dit geval wordt de breedte van het afspeelbalkje wél aangepast aan de breedte van de Visual Composer kolom waar het in staat. Je kunt die breedte dus makkelijk aanpassen. Pagina 5 van 6 / Tutorial Video en Audio Plaatsen / versie

6 Automatisch afspelen & automatisch herhalen In de audio-shortcode kun je net als bij de video-shortcode toevoegingen plaatsen voor automatisch afspelen en automatisch herhalen, zie de uitleg daarover op pagina 4. Welke soorten audiobestanden kun je uploaden? Er zijn verschillende soorten audiobestanden. In WordPress kun je de volgende soorten uploaden:.mp3.m4a.ogg.wav Audiobestanden vanaf audio-/muzieksites "embedden" Bij het plaatsen van audiobestanden spelen dezelfde overwegingen qua hostingcapaciteit als bij video's (zie "Hoe zwaar mogen video's zijn?" op pagina 5). Bij veel of zware audiobestanden kun je daarom wellicht beter ervoor kiezen je geluidsbestanden te uploaden naar een site als bijvoorbeeld soundcloud.com. Dat is net zoiets als YouTube, maar dan voor geluidsbestanden. Wij kunnen dan een kleine extra functie aan je website toevoegen waarmee je geluidsbestanden vanaf Soundcloud kunt embedden. Neem even contact met ons op via als je hier meer over wilt weten. Pagina 6 van 6 / Tutorial Video en Audio Plaatsen / versie