/    Sign up×
Community /Pin to ProfileBookmark

Interactive HTML5 Video

Copy linkTweet thisAlerts:
Apr 05.2012

Hey,

I’m more of a flash guy, but am trying to switch over and see what I can do with HTML5 and JavaScript.

Could someone help me put this idea into code.

I want a video to stop (or pause) at certain times, after the user plays it.

After the pause a mini quiz will pop up asking a question. (These are tutorial videos so the quizzes will ask questions about the topic at hand)

If the user answers correct an alert window will pop up saying correct, and the video will continue, if the user answers wrong an alert box displaying a hint will be shown, and the user will be given another chance.

The quizzes are going to made using the JQuery UI dialogues and draggables.

Could someone give a good place to start, any help is appreciated

I assume I need event listeners that start the video at point a and stop it at point b.

(I will be using the Video.JS HTML Video Player)

Thanks

-Joe

to post a comment
JavaScript

0Be the first to comment 😎

×

Success!

Help @JoeZ28 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 4.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...