Deze component wordt niet ondersteund voor Google Ads, Google AdMob, AMP HTML-advertenties, videoadvertenties of beeldadvertenties.
Met de component Video kunt u een video insluiten in uw project en interactieve functies toevoegen.
Als u een YouTube-video wilt weergeven, gebruikt u de component YouTube.
De component Video toevoegen aan uw project:
- Open het deelvenster Componenten en daarna de map Media.
- Sleep de component Video
naar het werkvlak. Als u een advertentie maakt, kunt u ook de opdracht Bestand > Items importeren... gebruiken en de volgende stap overslaan.
- Geef de URL van het videobronbestand op in het veld Bronnen van het gedeelte met eigenschappen van de Video in het deelvenster Eigenschappen. Als het videobronbestand lokaal is opgeslagen, klikt u in het veld op Browsen
om de video te selecteren via het bestandssysteem van uw computer.
- Als u uw video interactief wilt maken, kunt u hotspots of weergavepunten toevoegen. Dubbelklik op de component Video in het werkvlak om het dialoogvenster voor interactieve video te openen.
- Hotspots worden op de opgegeven tijdstippen boven de component Video weergegeven.
- Met weergavepunten kunt u gebeurtenissen koppelen aan specifieke momenten tijdens het afspelen van de video.
Video in mobiele browsers
In mobiele browsers kan de functie 'Automatisch afspelen' voor video's worden uitgeschakeld om te voorkomen dat gebruikers gegevenskosten moeten betalen voor ongevraagde content. De beste optie voor mobiele browsers is 'Automatisch afspelen' uitschakelen en videobedieningselementen inschakelen.
Breng de volgende wijzigingen aan in het deelvenster Eigenschappen:
- Vink het selectievakje Automatisch afspelen uit.
- Vink het vakje Bedieningselementen weergeven aan.
Dialoogvenster voor interactieve video
In het dialoogvenster voor interactieve video kunt u een voorbeeld van de video bekijken, en hotspots en weergavepunten instellen. Het dialoogvenster bevat een videotijdlijn, zodat u kunt zien wanneer hotspots en weergavepunten zijn toegevoegd. Hotspots zijn alleen zichtbaar in het videovoorbeeld als de schuifregelaar zich tussen de start- en eindtijd van de hotspot bevindt.
Bedieningselementen voor het dialoogvenster voor interactieve video
Onder het videovoorbeeld kunt u de volgende knoppen gebruiken om de videoweergave en positie van de schuifregelaar te beheren:
| Terugspringen (naar een weergavepunt, het begin of einde van een hotspot, of het begin van de video) | |
| Vorig frame | |
| Afspelen/onderbreken | |
| Volgend frame | |
| Vooruitspringen (naar een weergavepunt, het begin of einde van een hotspot, of het einde van de video) |
U kunt de afspeeltijd van de huidige video ook rechtstreeks bewerken door op de in geel gemarkeerde tijd te klikken en een nieuwe tijd in seconden op te geven.
Een weergavepunt toevoegen
- Als de schuifregelaar in de videotijdlijn zich bevindt op het punt waar u een weergavepunt wilt toevoegen, klikt u onder de video op de knop Weergavepunt maken
. In andere gevallen klikt u met de rechtermuisknop op de videotijdlijn en selecteert u Weergavepunt toevoegen in het pop-upmenu.
- Boven de videotijdlijn wordt een weergavepuntmarkering
weergegeven.
- U kunt de ID van het weergavepunt bewerken in het deelvenster Eigenschappen aan de rechterkant of door met de rechtermuisknop op het weergavepunt te klikken en ID bewerken te selecteren.
- Als u de tijd van het weergavepunt wilt aanpassen, sleept u de weergavepuntmarkering langs de videotijdlijn of geeft u een nieuwe tijd op in het deelvenster Eigenschappen. Er moet minimaal een halve seconde tussen weergavepunten zitten.
U kunt nu verwijzen naar het weergavepunt in gebeurtenissen en acties nadat u het dialoogvenster heeft gesloten.
Een weergavepunt verwijderen
Klik met de rechtermuisknop op de weergavepuntmarkering en selecteer Verwijderen.
Een hotspot toevoegen
- Verplaats de tijdlijnschuifregelaar naar het punt waar u een hotspot wilt toevoegen.
- Klik op de knop + Hotspot links van de videotijdlijn. Er wordt een nieuwe hotspottrack weergegeven onder de videotijdlijn.
- Selecteer in het deelvenster Eigenschappen aan de rechterkant het item dat u als overlay wilt weergeven.
- Sla deze stap over als de hotspot transparant moet zijn.
- Als u een video-item gebruikt, wordt de video automatisch afgespeeld zonder bedieningsopties wanneer de hotspot wordt weergegeven.
- Pas de positie, grootte en timing van de hotspot aan.
- De hotspot wordt standaard tijdens de volledige duur van de video weergegeven, ook voordat de videoweergave start en nadat de weergave is afgelopen.
- U kunt wijzigingen aanbrengen in het deelvenster Eigenschappen of de hotspot zelf, de handgrepen voor aanpassing van hotspots en de hotspotbalk in de videotijdlijn slepen.
Voor een reactie op gebruikers die op de hotspot klikken, kunt u een gebeurtenis instellen voor de detectie van Muis > klik nadat u het dialoogvenster sluit.
Hotspots werken niet in video's op volledig scherm.
Een hotspot verwijderen
Klik links van de videotijdlijn op de X naast de hotspot-ID.
Eigenschappen
Eigenschappen van de component Video
De eigenschappen van de component Video zijn zichtbaar in het deelvenster Eigenschappen. (U moet het dialoogvenster voor interactieve video sluiten.)
| Eigenschap | Beschrijving |
|---|---|
| Naam | De componentnaam. |
| Automatisch afspelen | Als deze optie is geselecteerd, wordt de video automatisch afgespeeld wanneer de pagina wordt geladen. Dit wordt niet in alle mobiele browsers ondersteund. |
| Lus | Als deze optie is geselecteerd, wordt de video doorlopend herhaald. |
| Dempen | Als deze optie is geselecteerd, is de video gedempt. |
| Bedieningselementen | Als deze optie is geselecteerd, geeft de videospeler een standaard bedieningsbalk weer. |
| Bronnen | De URL van de videobron. U kunt meerdere bronnen opnemen voor verschillende indelingen door de URL's met komma's te scheiden. Kan worden gebonden aan dynamische gegevens. |
| Poster | De URL van een posterframe dat moet worden weergegeven totdat de gebruiker de video afspeelt of doorzoekt. Kan worden gebonden aan dynamische gegevens. |
U kunt de eigenschappen van weergavepunten bekijken en bewerken in het dialoogvenster voor interactieve video.
| Eigenschap | Beschrijving |
|---|---|
| ID | De ID van het weergavepunt. |
| Tijd | De tijd in seconden wanneer het weergavepunt is ingesteld. Kan worden gebonden aan dynamische gegevens. |
U kunt de eigenschappen van hotspots bekijken en bewerken in het dialoogvenster voor interactieve video.
| Eigenschap | Beschrijving |
|---|---|
| ID | De ID van de hotspot. |
| Links | De linkerpositie van de hotspot als percentage van de breedte van de component Video. Kan worden gebonden aan dynamische gegevens. |
| Boven | De hoogste positie van de hotspot als percentage van de hoogte van de component Video. Kan worden gebonden aan dynamische gegevens. |
| Breedte | De breedte van de hotspot als percentage van de breedte van de component Video. Kan worden gebonden aan dynamische gegevens. |
| Hoogte | De hoogte van de hotspot als percentage van de hoogte van de component Video. Kan worden gebonden aan dynamische gegevens. |
| Tijd weergeven | De tijd in seconden wanneer de hotspot zichtbaar wordt. Niet van toepassing als Weergeven vóór afspelen is geselecteerd. Kan worden gebonden aan dynamische gegevens. |
| Weergeven vóór afspelen | Of de hotspot wordt weergegeven voordat de videoweergave wordt gestart. |
| Tijd verbergen | De tijd in seconden wanneer de hotspot niet meer zichtbaar is. Niet van toepassing als Weergeven na afspelen is geselecteerd. Kan worden gebonden aan dynamische gegevens. |
| Weergeven na afspelen | Of de hotspot nog steeds wordt weergegeven nadat de videoweergave is beëindigd. |
| Item | De afbeelding, video of groep die als overlay wordt weergegeven. Kan worden gebonden aan dynamische gegevens. |
| Schalen | Als het item een afbeelding is, moet de schalingsmethode worden gebruikt als de afmetingen van de hotspot en het item verschillen:
|
Gebeurtenissen en acties
Meer informatie over hoe u gebeurtenissen configureert.
Gebeurtenissen
Gebeurtenissen die door de component Video worden verstuurdU kunt andere acties activeren op basis van de volgende gebeurtenissen van de component Video:
| Gebeurtenis | Beschrijving |
|---|---|
| Afspelen na onderbreken | Wordt verstuurd als het afspelen van het medium na een onderbreking wordt gestart, oftewel het afspelen wordt hervat na een eerdere onderbrekingsgebeurtenis. |
| Onderbroken | Wordt verstuurd als het afspelen wordt onderbroken. |
| Afspelen | Wordt verstuurd als het medium wordt afgespeeld (voor de eerste keer, na een onderbreking of als het na beëindiging opnieuw wordt afgespeeld). |
| Beëindigd | Wordt verstuurd als het afspelen is voltooid. |
| Volumewijziging | Wordt verstuurd als het volume wordt gewijzigd (zowel wanneer het volume is ingesteld als wanneer het dempingskenmerk wordt gewijzigd). |
| Gezocht | Wordt verstuurd als een zoekbewerking is voltooid. |
| Bufferen | Wordt verstuurd als de verzochte bewerking (zoals afspelen) is vertraagd vanwege de voltooiing van een andere bewerking (zoals zoeken). |
Als u een van deze gebeurtenissen wilt selecteren in het dialoogvenster Gebeurtenis, stelt u de component Video in als doel.
Als u een weergavepunt toevoegt aan een video, kunt u andere acties activeren op basis van de volgende gebeurtenis voor weergavepunten:
| Gebeurtenis | Beschrijving |
|---|---|
| Weergavepunt bereikt | Wordt verzonden wanneer de weergave van de media een tijd heeft bereikt die is opgegeven in een weergavepunt. |
Als u deze gebeurtenis in het dialoogvenster Gebeurtenis wilt selecteren, stelt u het weergavepunt in als doel.
Als u een hotspot toevoegt aan een video, kunt u andere acties activeren op basis van de volgende gebeurtenis voor hotspots:
| Gebeurtenis | Beschrijving |
|---|---|
| Hotspot weergegeven | Wordt verzonden wanneer de hotspot zichtbaar wordt. |
| Hotspot verborgen | Wordt verzonden wanneer de hotspot is verborgen. |
Als u een van deze gebeurtenissen in het dialoogvenster Gebeurtenis wilt selecteren, stelt u de hotspot in als doel.
Acties
Acties die door de component Video worden uitgevoerdDe volgende acties voor de component Video kunnen worden geactiveerd als reactie op andere gebeurtenissen:
| Actie | Configuratieopties |
|---|---|
| Dempen in-/uitschakelen | geen |
| Onderbreken | geen |
| Afspelen | geen |
| Opnieuw afspelen | geen |
| Zoeken | Tijd: De tijd in seconden om naartoe te springen. |
| Volume instellen | Volume instellen (0-100): Het volume van de video als percentage. |
| Bronnen instellen | Bronnen: De bron-URL's voor meerdere indelingen, gescheiden door komma's. |
Als u een van deze acties selecteert in het dialoogvenster Gebeurtenis, stelt u de component Video in als ontvanger.
Als u een weergavepunt toevoegt aan een video, kunnen de volgende acties voor weergavepunten worden geactiveerd als reactie op andere gebeurtenissen:
| Actie | Configuratieopties |
|---|---|
| Weergavepunt zoeken | geen |
| Tijd van weergavepunt instellen | Tijd: de tijd in seconden. |
Als u een van deze acties selecteert in het dialoogvenster Gebeurtenis, stelt u het weergavepunt in als ontvanger.
Als u een hotspot toevoegt aan een video, kunnen de volgende acties voor hotspots worden geactiveerd als reactie op andere gebeurtenissen:
| Actie | Configuratieopties |
|---|---|
| Zichtbaarheid wijzigen | Hotspot weergeven: De hotspot zichtbaar maken. Verwijder het vinkje uit dit selectievakje om de hotspot te verbergen. |
| Tijd weergeven of tijd verbergen voor zoeken | Weergavetijd zoeken: De weergavetijd van de hotspot zoeken. Verwijder het vinkje uit dit selectievakje om te zoeken naar de tijd waarop de hotspot wordt verborgen. Deze actie kan het beste worden gebruikt voor hotspots die vóór of na de weergave worden weergegeven, omdat het effect tijdens weergave van de video slechts tijdelijk is. |
| Tijden instellen |
|
Als u een van deze acties selecteert in het dialoogvenster Gebeurtenis, stelt u de hotspot in als ontvanger.
Voorbeeld
U kunt een voorbeeld van de video bekijken in het dialoogvenster voor interactieve video door op het werkvlak te dubbelklikken op de component Video. Het voorbeeld in het dialoogvenster geeft hotspots met animatie niet volledig weer.
Als u een voorbeeld van de component samen met andere elementen in uw document wilt bekijken of als u gebeurtenissen wilt testen, sluit u het dialoogvenster voor interactieve video en klikt u rechtsboven op de knop Voorbeeld.