review
H5 create their own video player (HTML articles)
in the previous section, we have put HTML articles to roughly styles emerged, the next should be JS articles, but it is necessary to sort out his thoughts before writing, blind scrawl is wrong, cup of tea, tease tease sister, life more beautiful, and wrote code to good natural mood thinking positive.
initialization
1) set up the cover, a good little video, natural cover is to force, people can not help clicking
Here are some good chestnuts
2) obtaining video length, a friendly player, this video will show the user how many minutes in total
当然,您可以不用标注的太明显,但不能没有哦
Broadcast
When the playback point, the world will change. indeed
1) play button hidden
2) hidden below the control bar gradually
3) video begins playing
ps: in alphabetical order upside down and you have 321 lines
playing
What happens in the play in it?
1) Control bar progress bar slowly grow
2) changes in the current play time
Pause or Stop
When finished, press pause or play them in video player
0) time frames (referring to the video ui are static, but does not include advertising yo, ha ha, you can try to place some of the tempting ads on the play button)
1) play button display
2) below the control bar display
to sum up
1) When you click play, a play button click event trigger video playback
and pause when clicked, a click event video, trigger button
2) After clicking play, hidden below the control bar slowly, still not completely hide the time
but clicked pause, then the need to hide the control bar to clear state, as shown below
Soul artist strikes
3) Oh I fell, did not get up eighty thousand thirty-five
H5 create their own video player (JS Part 1)
H5 create their own video player (JS Part 2)