Ik ben op zoek naar een flexibele oplossing voor gebruik van video URL's in een custom post type en een video player die op mobile en desktop lekker werkt en waarbij je de thumbnail ook kunt instellen a.d.h.v. een veld in de custom post type.
Korte opname van mijn uitdaging:
Optimaliseren van Video Weergave in Custom Post-Type - Watch Video
Ik heb 2 routes geprobeerd:
1. Global block met de videoplayer module
We gebruiken Gumlet voor video opslag. Die genereert een mp4 url en die plaats ik in een veld in een custom post type. Die url haal ik dan op in de video module, maar daar kan ik niet dynamisch een thumbnail ophalen. De video module pakt automatisch het eerste frame wat gewoon niet lekker uitziet. Daarnaast vind ik de player controls niet goed uitzien op mobile en desktop.
2.Global block met Wrapper link (lightbox) en afbeelding als thumbnail
Ik heb een global block gemaakt met daarin een wrapper link met daarin een afbeelding (voor de thumbnail) en icon module voor de play button. De wrapper link opent de video als lightbox. Dat werkt voor het story/reel formaat mwah op dekstop, maar op mobile functioneert dat voor de gebruiker helemaal niet lekker.
Ik loop momenteel tegen een vraagstuk aan waarbij ik jullie hulp goed kan gebruiken.
Op dit moment ben ik bezig met de bouw van een website/-shop i.c.m. onder andere Breakdance Builder, WooCommerce en Headspin. Ik wil graag advies om de spacing consistent te krijgen. Ik zal uitleggen wat ik bedoel.
Voorbeeld: https://hartwijk.boutier.dev/dienst/badkamer-renovatie/
Hier heb ik op de linkerkolom een gap ingesteld met:
var(--hsp-s)
Je ziet echter dat er boven- en onder de titel meer ruimte is als tussen de andere elementen. Mijn vermoeden is dat dit komt door de line-height van de headings. Deze staan nu in Headspin als volgt ingesteld (zie bijlage).
Dit is natuurlijk van toepassing op alle headings.
Adviseren jullie om dit simpelweg te verkleinen, of hoe gaan jullie hiermee om in de praktijk?
Alvast bedankt!
Standaard heeft het FAQ / accordeon element geen schema markup. Ik heb een simpele plugin gemaakt die dit mogelijk maakt. De installatie is simpel: installeer en activeer de plugin ;-)
Vervolgens kun je de schema output controleren op https://validator.schema.org/
Enjoy!
Ik kwam deze set met wireframes tegen, speciaal voor Breakdance en compatible met Headspin. Wellicht interessant. Voor de prijs hoef je het in ieder geval niet te laten.
Iemand al ervaring mee?