HTML5, видео и Javascript: использование временной шкалы видео для управления поведением страницы

Question

У меня следующая проблема: мне нужно показать видео на странице, но оно должно чередоваться с содержимым страницы.Каждый раз, когда видео перестает играть, я должен показать Div или что-то.Через несколько секунд этот div исчезает, и видео начинает воспроизводиться снова.Чередование нормального контента и видео.

Возможно ли это с HTML5 и JS?Есть идеи как это сделать?

Answer 1

Рассмотрим реализацию Popcorn.js .Это часть проекта Mozilla Popcorn.

Демонстрация на первой странице демонстрирует div с изменением содержимого HTML в зависимости от временного кода видео.

Popcorn.js - это HTML5Медиа-фреймворк, написанный на JavaScript, для кинематографистов, веб-разработчиков и всех, кто хочет создавать основанные на времени интерактивные медиа в Интернете

Answer 2

Привязать событие, когда видео останавливается (addEventListener( "ended", function(){ ... }, false)), чтобы показать div, запустить таймер, после которого div скрывается, и видео начинает воспроизводиться снова.