Video's Tonen, GEEN YouTube
Via YouTube kunnen we eenvoudig Video’s plaatsen op onze eigen website…. (zie dit artikel: Video gebruiken). De video-bestanden staan dan op de server van YouTube en nemen dus geen ruimte in bij onze eigen hosting-provider. Dat is mooi, echter kleeft er één groot nadeel aan het gebruik van de YouTube-dienst…. voorgestelde video’s….
De “voorgestelde video’s” welke aan het eind van je eigen filmpje getoond worden kunnen niet meer uitgeschakeld worden. Google heeft dat (helaas) sinds eind september 2018 er uit gehaald. Er zullen dus video’s getoond worden gerelateerd aan de bekeken video.
Je hebt weinig tot geen invloed op welke video’s YouTube aan het einde van jouw filmpje zal tonen. De kans is dan redelijk aanwezig dat de bezoeker aan het eind van jouw filmpje een andere video gaat bekijken en wellicht één van jouw concurrenten en dat moeten we niet willen.
Nu horen we je denken: “ja maar, die video’s nemen zoveel ruimte in beslag….”. Dat klopt enigszins, echter webruimte is anno 2019 niet duur meer. Bij een goede hostingprovider betaal je slechts (vanaf) € 3,– per maand voor ongeveer 10Gb aan opslagruimte…. en dan kun je aardig wat video’s plaatsen. Voor die paar Euro’s wil je toch niet dat je bezoeker promo’s van de concurrent gaan bekijken ??
Heb je meer ruimte nodig, zou je ook kunnen kiezen voor een Cloud-dienst. 100Gb aan Cloudruimte kost bij Google slechts € 1,99 per maand.
Voorbeeld Video
We maken zelf gebruik van instructievideo’s bij onze online trainingen. Een voorbeeld van zo’n video is:
Aan het begin van de video tonen we een afbeelding en natuurlijk een play-button. Tijdens het afspelen heeft de bezoeker de mogelijkheid om de video fullscreen te bekijken, te pauzeren, etc… de standaard video afspeelmogelijkheden.
We maken hiervoor gebruik van de plugin “VideoJS HTML5 Player”.
VideoJS HTML5 Player
De plugin laat zich eenvoudig installeren en kent verder geen plugin-instellingen. Alle instellingen welke gedaan worden om het gedrag van de video-speler te kunnen beïnvloeden worden gedaan via een shortcode.
Plugin Shortcodes
Om video’s op een pagina of in een bericht te kunnen plaatsen via de plugin moeten we een shortcode toevoegen aan onze content. De meest eenvoudige om een video te tonen is:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4"]
Vervang hier “mijn-website.nl/videos/mijn-video.mp4” door de map waar je de video hebt geüpload en de bestandsnaam van de video.
Wij hebben de video’s via FTP met behulp van het FTP-programma FileZilla geüpload naar een map welke we ook hebben aangemaakt via FileZilla bij onze hostingprovider.
Je kunt ook de videobestanden via de Mediabibliotheek uploaden en dan de URL kopiëren en plaatsen in de shortcode. Let wel dat bij een standaard installatie van WordPress de maximaal up te loaden bestandsgrootte 2Mb is.
Video Afmetingen
Bij gebruik van voorgaande shortcode wordt de breedte van de video net zo breed als de breedte van de content. Dus, is de plaats waar je de video-shortcode hebt ingevoegd 100% van de schermbreedte zal de video ook 100% breed zijn. Dat is niet altijd mooi.
Om de breedte in te stellen kun je het commando “width” aan de shortcode toevoegen:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" width="480" ]
In dit voorbeeld zal nu de breedte van de video 480 pixels bedragen. De hoogte wordt dan automatisch naar verhouding aangepast.
Preload
Standaard wordt de volledige video ingeladen als de pagina bezocht wordt. Heb je nu veel afbeeldingen en/of video’s op één pagina dan is dat niet altijd aan te bevelen. De pagina kan dan erg traag laden, wat bezoekers en ook zoekmachines niet leuk vinden…
Om het inladen van de video te voorkomen kun je de code preload=”none” aan de shortcode toevoegen:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" preload="none" ]
Video Afspeelknoppen
Wil je de bezoeker niet de mogelijkheid bieden om via de afspeelknoppen te pauzeren, volledig scherm te kiezen, etc. dan kun je de code ‘controls=”false”‘ opnemen:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" controls="false" ]
Het uitschakelen van de video controle knoppen is alleen aan te raden daar waar de video direct aan de bezoeker getoond wordt (dus als eerste op een pagina).
Hierbij dien je de “Autoplay” optie aan te zetten met de volgende code ‘autoplay=”true”‘. Anders zal de video niet afgespeeld worden en heeft de bezoeker ook niet de mogelijkheid om die te starten.
Autoplay
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" autoplay="true" ]
Loop
Met het opnemen van de code ‘loop=”true”‘ zal de video aan het einde weer opnieuw beginnen:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" loop="true" ]
Stil afspelen
Om het geluid van de video uit te zetten kun je de code ‘muted=”true”‘ opnemen:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" muted="true" ]
Poster Afbeelding
Wordt de video getoond zonder de “Autoplay” optie ingeschakeld zal standaard het eerste videoframe getoond worden. Dat is niet altijd even mooi. Om meer attentie richting de video te trekken biedt de plugin de mogelijkheid om een afbeelding te tonen als een soort poster.
Die afbeelding kun je dan uploaden via de mediabibliotheek of via FTP naar bijvoorbeeld dezelfde map waar de video geplaatst is.
De shortcode wordt dan:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" poster="https://mijn-website.nl/videos/mijn-afbeelding.jpg" ]
Bij gebruik van een poster-afbeelding is het aan te raden om de afmetingen van de afbeelding (in pixels, hoogte en breedte) net zo groot te maken als de afmetingen van de video.
Commando’s Combineren
Het is mogelijk om voorgaande codes (commando’s aan de shortcode) te combineren. Wil je bijvoorbeeld de afspeelknoppen niet tonen, de video automatisch laten afspelen, de loop-functie inschakelen en een breedte van 600pixels instellen; dan doe je dat zo:
[videojs_video url="https://mijn-website.nl/videos/mijn-video.mp4" controls="false" autoplay="true" loop="true" width="600" ]
Samenvatting
Wil je dus geen aanbevolen video’s van YouTube en je eigen promo of trainingvideo’s op je website tonen dan is deze plugin een aanrader. Eenvoudig in gebruik, goed onderhouden en stabiel.
Het enig waar je eventueel tegen aan zou kunnen lopen is dat als je erg veel video’s gaat gebruiken de opslagruimte bij de hostingprovider te klein zou worden. In dat geval kun je kijken naar een Clouddienst of gebruik maken van een NAS-server (een server in eigen gebruik). Bij NAS dien je wel enige technische kennis te hebben.
Vragen & Info
Heb je vragen naar aanleiding van dit artikel, stuur ons dan een mail op: info@qwain.nl of geef een reactie via onderstaand reactie-formulier.
Ondersteuning staat bij ons op nummer 1, wij zijn je graag van dienst !
Op de hoogte blijven van alle WordPress Nieuwtjes, Tips & Tricks… schrijf je dan in voor onze nieuwsbrief
en volg ons op Facebook .
Overige Artikelen