Bottom player

De Bottom player is een horizontale playerbalk voor de onderkant van een website.

De Bottom player in het demoaccount. Met Open voorbeeld bekijk je de player apart.

Waar vind je de Bottom player?

Ga naar Players instellen en kies bovenaan Bottom player. Controleer bij Mount boven het voorbeeld voor welke stream je werkt.

Voorbeeld en hoogte

Bovenaan staat het voorbeeld van de playerbalk. Met Open voorbeeld open je deze apart. De hoogte is 70 pixels (vast); dit is geen instelbaar veld. De iFrame-code gebruikt de volledige beschikbare breedte van het websiteblok waarin je de code plaatst.

Kleuren instellen

Kies kleuren of een thema en bewaar met Opslaan. De hoogte staat vast op 70 pixels.

• Startkleur en Eindkleur vormen de achtergrond van de player.
• Tekst bepaalt de kleur van de belangrijkste tekst.
• Subtekst bepaalt de kleur van aanvullende informatie.
• Accent wordt gebruikt voor opvallende onderdelen, zoals een knop.
• Hoogte toont 70px (vast).
• Thema biedt Licht, Volledig zwart en Eigen kleuren.

Controleer of tekst en knoppen goed leesbaar zijn en klik op Opslaan om de opmaak te bewaren.

Lettertype en streamlogo

Lettertype en streamlogo hebben elk hun eigen knop om op te slaan.

Bij Lettertype kies je Poppins + Roboto, Roboto, Montserrat + Roboto of Open Sans. Klik op Lettertype opslaan. Deze keuze geldt voor alle players.

Bij Streamlogo kies je een PNG- of JPG-bestand en klik je op Logo opslaan. Het logo hoort bij deze stream en wordt ook als fallback-cover gebruikt.

Code of HTML gebruiken

Gebruik de code uit je eigen portal. De afgebeelde code hoort bij het demoaccount.

Bij Code voor je website kopieer je met Kopieer de iFrame embedcode. Plaats deze in een HTML- of embedblok van je website. Met Download HTML download je het aangeboden HTML-bestand.

Bottom player plaatsen

1. Controleer de juiste stream of mount.
2. Kies passende kleuren of een thema en bewaar de opmaak met Opslaan.
3. Bekijk het voorbeeld van de playerbalk.
4. Kopieer je eigen code of download het HTML-bestand.
5. Plaats de player onderaan de website en controleer de weergave op een groot en klein scherm.