Mediaplayer
Met het contentelement Mediaplayer plaats je een toegankelijke videospeler op een pagina. Je kunt kiezen tussen een geüpload videobestand of een externe URL, zoals een YouTube-link. De mediaplayer biedt uitgebreide mogelijkheden om een video toegankelijk aan te bieden: ondertiteling, audiobeschrijving, gebarentaal, een startafbeelding en een tekstalternatief. Dit zijn losse bestanden die je zelf kunt maken en kunt uploaden naar de bestandenlijst in TYPO3.
Hoe voeg je de mediaplayer toe?
Ga naar de pagina waarop je de mediaplayer wilt plaatsen.
Klik op ‘Nieuwe inhoud maken’ om een contentelement toe te voegen.
Kies 'OpenGemeenten Media Player' uit de lijst met contentelementen.
Geef de mediaplayer een koptekst (verplicht) en voeg een video vanuit TYPO3 of externe URL toe. Hieronder lees je in detail wat je kunt instellen.
Sla het contentelement op.
Wat kun je instellen in de mediaplayer?
Tabblad "Algemeen"
Geef de mediaplayer een kop (verplicht). Je kunt ook het koptype instellen (bijvoorbeeld H2 of H3), afhankelijk van de opbouw van de pagina. Wil je de kop niet tonen op de pagina? Dan kun je de kop op verborgen zetten.
Tabblad “Media”
Kies hoe je de video wilt toevoegen via het veld “Gebruik video uit”:
- TYPO3: upload een videobestand vanuit de bestandenlijst in TYPO3.
- Ondersteunde bestandsformaten zijn mp4, ogg, ogv, flac, opus en webm.
- Externe URL: vul een externe URL in, bijvoorbeeld een YouTube- of Vimeo-link.
- Gebruik je een YouTube- of Vimeo-link? Dan verschijnt er op de pagina een toestemmingsscherm over de video. De bezoeker moet eerst akkoord gaan met het plaatsen van cookies voordat de video wordt afgespeeld. Dit geldt voor zowel YouTube als Vimeo, omdat deze platforms cookies plaatsen bij het afspelen van video's.
Tabblad “Zoeken”
Geef aan of de inhoud van de mediaplayer meegenomen moet worden in de zoekresultaten van de interne zoekfunctie van de website. Staat standaard aan.
Tabblad “Ondertiteling”
Via dit tabblad voeg je ondertiteling toe aan de video. Klik op “Maak nieuwe” om een track aan te maken. Stel het volgende in:
- Gebruik ondertiteling uit: kies of je een bestand uploadt vanuit TYPO3 of een externe URL invult.
- Taal: geef aan in welke taal de ondertiteling is. Standaard staat dit op Nederlands.
- Bestand of URL: upload een .vtt-bestand, of vul een externe URL in.
- Je kunt één ondertitelingstrack toevoegen. Wil je toch meerdere talen aanbieden? Plaats dan per taal een eigen video met bijbehorende ondertiteling. Om de pagina overzichtelijk te houden, kun je deze extra video's in een collapsible (inklapbaar blok) zetten, zodat alleen de hoofdtaal standaard zichtbaar is. Voeg hiervoor een “tekst en media”-element toe aan de pagina, open het tabblad "Collapsible" en zet schuifknopje aan. Voeg vervolgens binnenin dit element een mediaplayer toe als subelement met de video en ondertiteling voor de betreffende taal.
Let op: ondertiteling werkt alleen bij geüploade videobestanden (TYPO3). Gebruik je een externe URL (YouTube of Vimeo)? Dan werkt ondertiteling op dit moment niet. Een geüpload .vtt-bestand wordt niet overgenomen door de externe speler, en de ondertiteling die in YouTube of Vimeo zelf is ingesteld, wordt evenmin getoond in de mediaplayer.
Tabblad "Audiobeschrijving"
Een audiobeschrijving is een gesproken toelichting bij visuele elementen in de video, bedoeld voor mensen die de video niet (volledig) kunnen zien. Activeer eerst het veld “Voeg audiobeschrijving toe” door het schuifje aan te zetten. Daarna stel je in:
- Gebruik audiobeschrijving uit: kies TYPO3 of een externe URL.
- Bestand of URL: upload het audiobeschrijving bestand of vul de externe URL in.
- Ondersteunde bestandsformaten zijn mp3, ogg, wav en m4a.
- Is voice-over: zet dit aan als de audiobeschrijving een volledige voice-over is die het oorspronkelijke geluid van de video moet dempen tijdens het afspelen.
Tabblad "Gebarentaal"
Met dit tabblad voeg je een gebarentaalvideo toe naast de hoofdvideo, bedoeld voor mensen die gebruik maken van gebarentaal. Activeer eerst het veld “Voeg gebarentaal toe” door het schuifje aan te zetten. Daarna stel je in:
- Gebruik gebarentaal uit: kies TYPO3 of een externe URL.
- Ondersteunde bestandsformaten zijn mp4, ogg, ogv, flac, opus en webm
- Bestand of URL: upload het videobestand of vul de externe URL in.
Tabblad "Startafbeelding"
Met een startafbeelding bepaal je welke afbeelding wordt getoond voordat de video wordt afgespeeld. Activeer eerst het veld “Startafbeelding” door het schuifje aan te zetten. Daarna stel je in:
- Gebruik startafbeelding uit: kies TYPO3 of een externe URL.
- Bestand of URL: upload een afbeelding of vul een externe URL in.
- Ondersteunde bestandsformaten zijn gif, jpg, jpeg en png
Tabblad "Tekstalternatief"
Een tekstalternatief is een uitgeschreven versie van de inhoud van de video, ook wel transcript genoemd. Dit is toegankelijk voor bezoekers die de video niet kunnen of willen bekijken of beluisteren. Voer de tekst in via de tekstverwerker. Het tekstalternatief wordt op de pagina getoond als inklapbaar blok onder de videospeler.
Tabblad "Toegang"
Hier stel je in wanneer de mediaplayer zichtbaar is op de pagina. Vul je geen datum in en staat het schuifje aan, dan is het element gewoon zichtbaar voor bezoekers.
- Begindatum: geef een datum en tijd op vanaf wanneer het element zichtbaar moet zijn.
- Einddatum: geef een datum en tijd op tot wanneer het element zichtbaar is.
Voorbeelden mediaplayer
Met dank aan de gemeente Bloemendaal, die deze toegankelijke video heeft ontwikkeld.
Hans, teammanager dienstverlening stapt uit een trein.
"Sinds twee jaar werk ik met veel
plezier bij de gemeente Bloemendaal. "
"Bij ons krijg je veel eigen
verantwoordelijkheid...
"
"en alle ruimte om
je te ontwikkelen. "
Hessel, coordinator duurzaamheid zit op een fiets.
"Ik woon in Haarlem niet ver
van het gemeentehuis... "
"en vind het fijn om elke dag
door deze groene omgeving..."
" naar mijn werk te fietsen. "
"Gemeentehuis is daarnaast
ook goed bereikbaar...
"
"zowel met de trein als met de auto."
Hessel parkeert de fiets in een rek en vervolgt zijn weg naar de ingang van het gemeentehuis. Hij zwaait naar Margot, medewerker publieksbali.
"Elke dag heb ik contact met
inwoners van onze gemeente. "
"Ik help ze graag bij het
regelen van hun zaken... "
"en ik ben er trots op dat we
elke dag voor elkaar boksen... "
"dat mensen met een glimlach
weer de deur uit gaan."
Anne, Adviseur P N O, parkeert haar auto en stapt uit.
"Het is heel fijn dat ik bij Bloemendaal
werk en privé goed kan combineren..."
"met twee kleine kinderen
is dat best puzzelen..."
"maar dankzij de flexibele
werktijden gaat het goed. "
"We hebben ook alle voorzieningen
om efficiënt thuis te kunnen werken."
Langs de entree vervolgt ze haar weg door een lichte hoge ruimte. Er staat een zwarte vleugel.
"Doordat we een kleine gemeente zijn... "
"Heb je een breed pakket
aan werkzaamheden."
"Dat zorgt voor afwisseling
en uitdaging in je werk."
"Geen dag is hetzelfde."
Zes collega's overleggen in een lichte vergaderruimte. Ze wijzen op een tablet.
"Een ander voordeel van
werken bij een kleine gemeente... "
"zijn de korte lijnen
en het directe contact...
"
"met het management en bestuur. "
"De sfeer is informeel en je loopt zo
even bij de burgemeester naar binnen. "
Collega's lachend aan de lunchtafel
"Sinds ik hier werk heb ik
meerdere trainingen gevolgd."
" Ik heb me zowel inhoudelijk
als persoonlijk ontwikkeld. "
"Je krijgt ook de ruimte om naast je
functie mee te werken... "
"
aan bijvoorbeeld projecten of klussen."
"Op deze manier kun je
je blijven ontwikkelen..."
"en dat vind ik erg belangrijk."
Sabine, stagaire P N O, zit met Anne op een bank
"Ik wist eerst niet precies wat
de gemeente te bieden heeft. "
"Maar nu tijdens mijn stage
ben ik erachter gekomen... "
"dat het hier hartstikke
leuk en leerzaam is. "
"Ik heb hier meer geleerd
dan mijn studiegenoten..."
"Die ergens anders stage liepen. "
"Werken bij Bloemendaal
is echt een aanrader. "
"Ook voor jongeren."
"Werken bij Bloemendaal
is heel afwisselend."
"Hectisch, maar nooit saai."
"Elke dag anders."
"Leuke collega's."
" Werken bij de gemeente Bloemendaal
is samen met mijn collega's gaan..."
"voor de beste kwaliteit
voor onze inwoners."
Beeldtekst: Werken bij gemeente Bloemendaal ook iets voor jou?
Zes gekleurde bloemblaadjes vormen samen het Logo van Gemeente Bloemendaal.
⬇️ Mediaplayer - variant link naar Youtube