Samenvatting
Een video zet je in een media-element met het veld Video, op het tabblad Instellingen. Je kiest eerst waar de video vandaan komt: een adres van een videodienst, of een bestand uit je bestandsbeheer.
Zodra er een video staat, verschijnen er vier schakelaars onder het veld. Daarmee bepaal je of de video knoppen krijgt, vanzelf start, doorloopt en geluid geeft.
Welke schakelaars je krijgt, hangt af van de dienst waar je adres naartoe wijst. Bij een adres buiten de vier ondersteunde diensten krijg je er geen.
Staat er ook een afbeelding in hetzelfde element, dan wordt die het voorbeeldbeeld. Er komt dan een afspeelknop over de afbeelding heen.
Wanneer gebruik je dit?
Je gebruikt dit als er bewegend beeld op je pagina moet, bijvoorbeeld een productfilm of een uitleg. Het gaat in hetzelfde element waarin anders een afbeelding staat.
Je gebruikt het ook voor een achtergrondvideo. Die zet je in een element dat de achtergrond van een vlak vult.
Wil je een externe pagina in je pagina tonen, dan is dat een ander element. Dat staat in Iframe instellen.
Hoe werkt dit in Mach3Blocks?
Het veld staat bij drie van de vijf media-elementen. Bij Logo media en bij Thumbnail media staat het niet, want die twee tonen geen bewegend beeld.
De keuze tussen een adres en een bestand
Boven het veld staat een klein keuzelijstje met de tooltip Type. Daarin kies je tussen URL en Bestand.
Kies je Bestand, dan krijg je een leesveld met de bestandsnaam erin. Daarnaast staan de knoppen Bladeren en Wissen.
Kies je URL, dan krijg je een gewoon tekstveld.
De veldmelding ernaast zegt: "Gebruik voor een URL de embed-URL van een van de volgende kanalen: YouTube, Vimeo, bunny.net, TikTok".
| Videodienst | Welk adres werkt |
|---|---|
| YouTube | het kijkadres, het korte adres, het embed-adres en de cookievrije variant |
| Vimeo | het gewone adres met het videonummer erin |
| bunny.net | alleen het embed-adres, met bibliotheeknummer en videosleutel |
| TikTok | het gewone videoadres en het spelersadres |
De vier schakelaars
De schakelaars verschijnen pas zodra er een video in het veld staat. Bij een leeg veld zie je er dus geen.
| Waar je video vandaan komt | Welke schakelaars je krijgt | Bijzonderheden |
|---|---|---|
| een eigen bestand | Controls, Autoplay, Loop en Muted | |
| YouTube | Controls, Autoplay, Loop en Mute | de laatste heet hier Mute en niet Muted |
| Vimeo | Controls, Autoplay, Loop en Muted | |
| bunny.net | Autoplay, Loop en Muted | deze dienst kent geen knoppen op de video |
| TikTok | Controls, Autoplay, Loop en Muted | |
| een adres van een andere dienst | geen enkele |
Boven de schakelaars van een adres staat de melding "Sommige van de onderstaande instellingen werken mogelijk niet."
Naast die melding staat de link Meer info.
Die link opent een venster met de naam van je videodienst erin. Daarin staat ook een verwijzing naar de instellingen die die dienst zelf toestaat.
Wat je in de editor niet ziet
De uitleg bij Autoplay zegt het zelf: "Werkt niet in de editor en werkt het beste in combinatie met Muted."
Dit zie je dus niet in de editor. Kijk in de voorvertoning of op je gepubliceerde website.
Een videobestand of een achtergrondvideo
Een videobestand in een gewoon media-element komt standaard met bedieningsknoppen. Je bezoeker kan de video dan zelf starten en pauzeren.
Bij een achtergrondvideo staat het anders. Die start vanzelf, loopt door, geeft geen geluid en krijgt geen knoppen, wat je in de schakelaars ook zet.
Stappenplan
Een adres en een bestand zijn twee wegen naar hetzelfde resultaat. De schakelaars daarna zijn voor beide wegen gelijk.
Een video van een videodienst
- Open de pagina in de editor.
- Selecteer het media-element waar de video in moet.
- Open het tabblad Instellingen in het instellingenpaneel.
- Zet het keuzelijstje bij het veld Video op URL.
- Plak het insluitadres van je video in het tekstveld.
- Zet de schakelaars die eronder verschijnen naar wens.
- Controleer het resultaat in de voorvertoning.
Een eigen videobestand
- Selecteer het media-element waar de video in moet.
- Open het tabblad Instellingen in het instellingenpaneel.
- Zet het keuzelijstje bij het veld Video op Bestand.
- Klik op Bladeren en wijs je bestand aan.
- Zet de schakelaars die eronder verschijnen naar wens.
- Controleer het resultaat in de voorvertoning.
Voorwaarden en rechten
Voor het veld Video is geen recht nodig. Wie het instellingenpaneel kan openen, kan een video kiezen.
Voor de vier schakelaars geldt hetzelfde. Ook daar toetst het product geen recht.
Het aanwijzen van een bestand gebeurt in het bestandsbeheer. Dat scherm vraagt geen apart recht; wie de website kan openen, kan daarin een bestand aanwijzen.
Gevolgen en beperkingen
Een media-element met een video is niet ook nog eens klikbaar naar een andere plek. Je bezoeker klikt op de video, en die klik bedient de video zelf.
Zet je toch een link op zo'n element, dan doet die link op je gepubliceerde website niets. Laat de link dus weg en gebruik een los element als je wel wilt doorverwijzen.
- Een videobestand mag hoogstens 100 MB zijn en moet een MP4- of WEBM-bestand zijn. Die grenzen staan in Technische grenzen.
- Het veld Video heeft geen aparte waarde per schermgrootte. Je bezoeker krijgt op elk scherm dezelfde video.
- Wat een schakelaar werkelijk doet, bepaalt de videodienst. Het product meldt dat zelf boven de schakelaars.
- Een achtergrondvideo negeert de vier schakelaars. Wil je zelf kiezen, gebruik dan een gewoon media-element.
- De vorm van het kader komt uit drie andere velden. Die staan in Verhouding en uitsnede.
- Je bezoeker ziet de wijziging pas nadat je de website opnieuw hebt gepubliceerd.
Als het niet lukt
- Zie je geen enkele schakelaar, dan is je veld leeg of wijst je adres naar een dienst buiten de vier.
- Blijft het vak leeg na het plakken van een adres, dan begint je adres niet met https. Vul het adres volledig in.
- Werkt je adres van bunny.net niet, dan is het geen insluitadres. Haal het insluitadres bij de dienst zelf op.
- Start de video niet vanzelf in de editor, dan hoort dat zo. Kijk in de voorvertoning of op je gepubliceerde website.
- Start de video daar ook niet vanzelf, zet dan het geluid uit. Een browser blokkeert een video met geluid die vanzelf begint.
- Zie je een stilstaand beeld met een afspeelknop, dan staat er ook een afbeelding in het element. Dat beeld is het voorbeeldbeeld.
- Mist het veld Video helemaal, dan hoort het niet bij dat element. Selecteer een ander media-element.
- Doet je link op het element niets, dan staat er een video in. Die twee gaan niet samen.