Insluiten videoOp je eigen website met onze player

Als je jouw video toegankelijk wil afspelen op je website, kan je dat doen met de insluitingscode die je kan genereren in je dashboard. Zorg dat je hiervoor je originele video, de gedownloade toegankelijkheidsbestanden en een thumbnail hebt opgeslagen. De gegenereerde code kan je dan op de gewenste plek toevoegen aan de HTML-broncode van jouw website. Jouw video wordt dan getoond in een toegankelijke player waarmee mensen de audiodescriptie, ondertiteling en het tekstalternatief kunnen gebruiken.

Hoe werkt dat?

Als je de video insluit middels de door scribit.pro gegenereerde code, wordt je video afgespeeld middels een iframe. Dit is een stukje HTML-code dat een frame uit een andere website op kan roepen en op jouw website kan plaatsen. In dit iframe zitten alle instellingen van de toegankelijke player waarmee mensen de audiodescriptie, ondertiteling en het tekstalternatief kunnen gebruiken. Als wij een update hebben voor de player, hoef je niets te doen. Door het gebruik van het iframe gebeurt dat automatisch.

Wat moet ik daarvoor doen?

  • Genereer je bestanden in het Dashboard door voor ‘Download’ te kiezen, je ontvangt een mail als ze klaar staan. (Als je zelf gaat hosten, dan moet je ze downloaden en opslaan in je DNS of de mediatheek van je website. Indien wij voor je hosten is dat niet nodig.)
  • Kies in het Dashboard bij je video voor ‘Insluiten’.
  • Kies voor ‘Hosten door scribit.pro’.
  • Upload het mp4-bestand van je video en je thumbnail
  • Kies voor ‘Verzenden’.

Als je bestanden zijn geüpload kun je verder.

  • Geef de grootte aan waarin je je video wil tonen (iframe). Deze is afhankelijk van je video. Houd ook rekening met de extra hoogte voor het uitklappen van het tekstalternatief. Begin bijvoorbeeld met hoogte 650px en breedte 100%.
  • Kopieer de insluitcode.
  • Plaats de code in de HTML van je website op de plek waar je de video wilt insluiten.
  • Controleer of je video in zijn geheel zichtbaar is, ook als je het tekstalternatief uitklapt. Pas anders desgewenst de maten van het iframe aan. Dat kun je in de HTML-code op je website doen. Hier hoef je niet voor terug naar het Dashboard van scribit.pro.

Hoe weet ik het formaat van het iframe?

Om de video goed passend te maken op je website kan je de hoogte en breedte van het iframe aanpassen als je de insluitcode gaat genereren. Bij het aanmaken wordt dan gevraagd de hoogte en breedte van het iframe in te voeren. Dit mag in pixels (bv. 800 px) of een percentage (bv. 50%). Let erop dat je bij het instellen van de hoogte van het iframe genoeg ruimte overlaat voor de video met het uitgeklapte tekstalternatief (ga uit van ongeveer 200 px extra voor het uitgeklapte blok). Welk formaat dit uiteindelijk moet worden bij jouw video, kan enorm verschillen per website.

De breedte
Als je de breedte ingeeft in pixels, dan zal deze als vaste maat worden aangegeven. Dit kan problemen geven bij het schalen van je video. We raden dan ook aan om de breedte op te geven in een percentage. Als je bijvoorbeeld 100% opgeeft in de breedte, neemt de player 100% van de beschikbare ruimte in het parent-element (vanuit de HTML) in.

De hoogte
De hoogte werkt net zo, alleen heeft het parent-element in een website niet altijd een minimale hoogte of daar past het uitgeklapte venster van het tekstalternatief bijvoorbeeld niet in. Het is raadzaam om dan de hoogte in pixels weer te geven. Start bijvoorbeeld met 650px en kijk of je dan de gehele video met uitgeklapt tekstalternatief kunt zien. Anders vergroot of verklein je het aantal pixels. Je zal hier de eerste keer even mee moeten spelen om te kijken wat het beste is voor jouw website.

We hebben een paar voorbeelden van de verschillen van het formaat van het frame gemaakt.

Kom je er niet uit?
Neem dan vooral contact met ons op via support@scribit.pro.

Skip to content