Sign In

Header image for Size Matters: Het formaat maakt de video

Size Matters: Het formaat maakt de video

Gepost op 12 september, 2017


Tags: design, outstream video, video advertising

De Blue Billywig Video Player is op meerdere manieren te integreren in je website. Zelfs in pagina’s die voornamelijk uit tekst bestaan, door middel van outstream oplossingen.

Eén outstream oplossing in het bijzonder is de ‘floating player’. Voorheen had deze een vast formaat. Door de toename van verschillende formaten schermen waarop mensen internet gebruiken en video bekijken, is het formaat van de browser nu leidend voor de afmeting van de video player.

Floating Player

De floating player wordt voornamelijk gebruikt om video advertenties te tonen op pagina’s die voornamelijk tekst bevatten, zoals nieuwsartikelen. Deze player speelt video content af zodra de pagina is geladen. Wanneer de lezer naar beneden scrollt, ‘vliegt’ de player naar de hoek rechtsonder. De video blijft spelen en scrollt mee met de kijker.

Floating player example

Browser leidend voor formaat

Voorheen had de floating player een standaard afmeting van 600 pixels breed, vooral gericht op desktops en laptops. Maar er bestaan meerdere soorten browsers en niet iedereen gebruikt een browser op dezelfde manier. Daarbij neemt het mobiel internetverkeer toe en verschillen de mobiele browsers ten opzichte van desktops. Voor het gemak van de gebruiker is er daarom gekozen om de breedte van de browser leidend te maken voor het formaat van de floating player.

Hoe stel je dit formaat in?

De optie 'width when floating' kun je instellen door middel van een simpel stukje code. Geef aan dat wanneer de breedte van de browser kleiner is dan (<) een bepaalde afmeting, de floating player qua grootte altijd de helft moet zijn (:2).

De browser is bijvoorbeeld 1500 pixels breed, met een floating player van 750 pixels breed. Maar is de browser 600 pixels, dan is de player 300 pixels. Op deze manier heeft de video player altijd de beste afmetingen voor de bezoekers van je website.

Auteur Blog author avatar

Blue Billywig


Auteur Blog author avatar

Blue Billywig


 

Verder lezen?

Blijf op de hoogte

Wil je graag meer lezen en op de hoogte blijven van de laatste ontwikkelingen op het gebied van online video? Schrijf je dan in voor onze nieuwsbrief en mis nooit meer een update.

 

We use cookies to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services. You consent to our cookies if you continue to use our website. Read moreOK