H5 create their own video player (logic articles)

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.

clipboard.png

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
clipboard.png

clipboard.png

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)

clipboard.png

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

clipboard.png

3) Oh I fell, did not get up eighty thousand thirty-fiveclipboard.png

H5 create their own video player (JS Part 1)
H5 create their own video player (JS Part 2)

Guess you like

Origin www.cnblogs.com/baimeishaoxia/p/12617395.html