Een fraaie videoplayer voor op je website
Wij ergeren ons aan de Youtube videospeler. Je kunt hem niet naar je wensen aanpassen en is ook privacy-technisch niet zo fraai. Bovendien wil je niet altijd video's van Youtube gebruiken, wij gebruiken bijvoorbeeld video's die we hebben geupload in HubSpot.
Om deze video's af te spelen, hebben we een Open-Source videospeler gemaakt. Deze videospeler ondersteunt allerlei handige functies en is aan te passen aan je huisstijl. Het mooiste is dat je geen Youtube-cookies nodig hebt of aanbevelingen krijgt nadat video's zijn afgespeeld.
Hoe werkt het?
De videospeler bevat variabelen voor de titel, thumbnail afbeelding, video-url, kleur, schaduw, ratio en radius. Je kunt de kleur kiezen die past bij je eigen huisstijl. De videospeler is responsive en past zich aan op de breedte van het scherm. Bekijk hier: https://custonext.github.io/VideoPlayer/test.html
- Color: gray, red, orange, yellow, green, teal, blue, cyan, purple, pink
- Ratio: square, classic, wide of leeg laten voor standaard breedbeeld
- Shadow: base, sm, md, lg of xl
- Radius: sm, md, lg, xl of maatwerk als 20px of 20%
Voeg deze code toe aan je website
<div class="cnxt-video-player"
data-title="Ideal Customer Benchmark"
data-thumbnail="https://lp.custonext.nl/hubfs/Benchmark.jpeg"
data-video="https://lp.custonext.nl/hubfs/Videos/Ideal%20Customer%20Benchmark.mp4"
data-color="green"
data-radius="md"
data-shadow="md"
data-ratio="classic"
></div>
<script src="https://custonext.github.io/VideoPlayer/widget/index.js" type="text/javascript"></script>