Beschrijving

Vital Video is een WordPress blok plugin ontworpen om de Core Web Vitals prestaties te verbeteren bij het tonen van YouTube video’s.

In plaats van traditionele insluiting biedt het een lichtgewicht, prestatie geoptimaliseerde oplossing die eerst een klikbare video thumbnail laadt.

De Vital Video Block speelt video’s niet af in de WordPress editor. Het is ontworpen om prestaties en gebruikerservaring op je front-end te prioriteren. Om videogedrag te testen, bekijk je eenvoudig je bericht of pagina in het voorbeeld.

Functies

Performance-first YouTube video weergave.
Automatisch ophalen van thumbnails en videotitels.
WebP ondersteuning voor snellere afbeeldingslading.
Aanpasbare afbeeldingverhoudingen (4:3 en 16:9).
Toont de videotitel in de afbeelding.
Verschillende opties voor thumbnail kwaliteit.
Minimale initiële paginalading impact.
Mogelijkheid om WebP afbeeldingen uit te schakelen als ze niet beschikbaar zijn.
Geavanceerde videoweergave bedieningselementen.
Maakt gebruik van YouTube’s no-cookie thumb naildienst.
Respecteert moderne browser autoplay beleid.
Alt-tekst komt overeen met de videotitel.
Thumbnail dimensions set based on selected image size:
- HQ (480×320): standaardgrootte.
- SD (640×480): normale kwaliteit.
- MAX (1280×720): hoogste beschikbare resolutie

Vital Video opties

Beeldverhouding: kies tussen 16:9 en 4:3
Mute toggle: bestuur video afspeel gedrag.
Thumbnail kwaliteit: Kies uit Hoge, Standaard of Maximale resolutie.
WebP uitschakelen: zet WebP uit als het niet beschikbaar is.

Mute toggle

De mute toggle functie is voornamelijk ontworpen voor mobiele apparaten, in overeenstemming met browser autoplay beleid.

Mute toggle uit (geluid aan):

Video’s vereisen twee klikken om te beginnen met afspelen:

De eerste klik laadt de video.
De tweede klik start het afspelen. Ideaal voor het behouden van gebruikerscontrole en het voorkomen van onverwacht geluid.

Mute toggle aan (geluid uit):

Video’s starten met één klik.
Automatisch start muted.
Perfect voor situaties waarin onmiddellijke video afspelen gewenst is.
Voldoet aan browser autoplay beperkingen.

WebP afbeeldingen uitschakelen

WebP is standaard ingeschakeld. De meeste thumbnails zullen het WebP format gebruiken.
Als je echter een dummy plaatshouder afbeelding tegenkomt, probeer dan een andere thumbnail grootte te selecteren om te zien of er een andere WebP versie bestaat
Als er geen WebP afbeeldingen beschikbaar zijn, kun je als laatste redmiddel de optie “WebP afbeeldingen uitschakelen” inschakelen. Dit – zal in plaats daarvan terugval formaten zoals JPG gebruiken.

Gebruik “WebP uitschakelen” alleen als het echt nodig is!

Externe diensten

Deze plugin maakt verbinding met de diensten van YouTube om video’s in te sluiten en informatie op te halen:

YouTube video dienst:

De plugin verbindt met de embeddienst van YouTube (YouTube-nocookie.com) om video’s te tonen
Wanneer een video wordt afgespeeld, laadt het de videospeler van de servers van YouTube
De dienstvoorwaarden van YouTube: https://www.youtube.com/static?template=terms
YouTube’s privacybeleid: https://policies.google.com/privacy

YouTube oEmbed API:

Gebruikt om videotitels op te halen bij het toevoegen van video’s aan je inhoud
Stuurt het YouTube video ID om de videotitel op te halen
API-documentatie: https://developers.google.com/youtube/v3/docs/videos

YouTube thumbnail dienst:

Haalt video thumbnail afbeeldingen op van i.ytimg.com
Laadt alleen thumbnails voor video’s die je hebt ingesloten
Er worden geen persoonsgegevens naar deze dienst verzonden

Opmerking: deze plugin gebruikt standaard de privacy verbeterde modus van YouTube, wat helpt de privacy van je bezoekers te beschermen door geen cookies te plaatsen totdat de video wordt afgespeeld.

Bijdragen

Bijdragen zijn welkom! Je kunt Vital Video op verschillende manieren ondersteunen:

Schrijf over de plugin op je blog of deel het op sociale media.
Vertaal de plugin in je taal met je WordPress.org-account.
Beoordeel de plugin hier op WordPress.org.

Schermafdrukken

Een schermafbeelding die het blok in de editor toont, met beschikbare instellingen in de zijbalk.
Een front-end voorbeeld van de video thumbnail met de afspeelknop.

Blokken

Deze plugin heeft 1 blok.

Vital Video The most effective way to load YouTube videos and improve Core Web Vitals. Don't let YouTube slow down your page.

Installatie

Je kunt de Vital Video plugin op twee manieren installeren:

In je WordPress beheer paneel, ga naar Plugins > Nieuwe Plugin, zoek naar Vital Video Block en klik Nu Installeren.
Download de laatste versie vanaf WordPress.org en extract bestanden in de /wp-content/plugins/ folder.

Gebruik

De plugin activeren
Voeg een nieuw blok toe aan je bericht of pagina.
Selecteer het “Vital Video” blok
Plak een YouTube video URL.
Pas de instellingen van Vital Video aan in de blokinfo.

FAQ

Wat is de mute toggle?

Met de mute toggle krijg je controle over de manier hoe video’s afspelen:
– Mute toggle uit: Video’s starten met geluid, maar vereisen twee klikken.
– Mute toggle aan: Video’s starten meteen maar zijn standaard gedempt.

Waarom zou ik WebP afbeeldingen uitschakelen?

WebP is sneller, maar YouTube biedt niet altijd WebP thumbnails.
Als je een dummy plaathouder afbeelding ziet, probeer dan eerst verschillende thumbnail grootten
Als geen enkele werkt, schakel “WebP afbeeldingen uitschakelen” in om terug te vallen op JPG of andere formaten.

Kan ik de positie van de titel wijzigen?

Ja, je kunt de CSS overschrijven.
Gebruik de selector .wp-block-greuts-vital-video .vital-video .video-title {}
en de property: place-self: met de values start, end of center;
voorbeeld
place-self: end; = bottom/right
place-self: start center; = top/center
Hier kun je ook de tekst en achtergrond van de titel bewerken.

Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

Bijdragers & ontwikkelaars

“Vital Video Block” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Jan Hoek

“Vital Video Block” is vertaald in 3 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Vital Video Block” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.0.3

Opgelost stijl – 03 januari 2025

1.0.2

Release datum – 02 januari 2025

Screenshots wijzigen

1.0.1

Release datum – 01 januari 2025

Geüpdatet readme.txt om aan de standaarden te voldoen

1.0.0

*Initiële release