HTML5, video en Javascript: video-tijdlijn gebruiken om pagina-gedrag te beheren

Ik heb het volgende probleem: ik moet een video binnen een pagina weergeven, maar deze moet worden afgewisseld met pagina-inhoud. Telkens wanneer de video stopt met spelen, moet ik een div of iets laten zien. Na enkele seconden gaat die div weg en begint de video opnieuw te spelen. Wisselend tussen normale inhoud en video.

Is dit mogelijk met HTML5 en JS? Om het even welke ideeën over hoe te om het te doen?

1

2 antwoord

Overweeg om Popcorn.js te implementeren. Het maakt deel uit van het Popcorn-project van Mozilla.

De demo op de voorpagina toont een div met veranderende HTML-inhoud, afhankelijk van de tijdcode van de video.

Popcorn.js is een HTML5-media framework geschreven in JavaScript voor filmmakers, webontwikkelaars en iedereen die op tijd gebaseerde interactieve media op het web wil maken

3
toegevoegd

Bind een gebeurtenis wanneer de video stopt ( addEventListener ("ended", function() {...}, false) ) om de div weer te geven, een timer te starten waarna de div wordt verborgen en de video begint te spelen nog een keer.

0
toegevoegd