After testing out the video framework on part 1 of this post, I am on a mission to test and measure the effort of building my own. Custom sometimes just ends up being quicker. For one thing, you familiar with your own code and you don’t have to worry about version updates breaking your stuff.
This is still in its early stages. A few things I initially wanted to accomplish was to capture and visually animate the video buffer. Another was controlling the positioning of the buttons by using flex order in the css. Mission accomplished. Remaining backlog features to be continued.
[codepen_embed height=”550″ theme_id=”0″ slug_hash=”ZKzRKv” default_tab=”result” user=”lsultani” preview=”true” data-preview=”true”]See the Pen Custom HTML5 Video Player by Leslie Sultani (@lsultani) on CodePen.[/codepen_embed]
Backlog:
- Add rewind functionality
- Ability to scrub video
- Navigate using keyboard
- Style buttons
- Pass playback rates via data-rate as an array, change speed via array input and update UI for user feedback. Ex, rwd or fwd @ x2, 4, 16, 32
- Ability for multiple videos (only on focus with sound or active)
- CC / track capability and cues [https://www.html5rocks.com/en/tutorials/track/basics/]
About The Author
leslie