Element that displays the media's downloaded amount.
Flag that pauses and then plays media properly (if media was played) when clicking in the progress bar.
Element that displays the media's played time.
Instance of OpenPlayer.
Container for progress bar elements (buffered, played and slider input).
Element that allows changing media's current position (time).
Element that displays the current media time when hovering in the progress bar.
Create HTML and insert it into OpenPlayer's DOM.
This method must include its events setup.
Remove HTML associated to specific OpenPlayer's element.
This method must include the removal of its previously set events.
Events that will be triggered in Progress element:
Generated using TypeDoc
Progress bar element.
This class creates a progress bar to track how much time media has been played, downloaded and its current time, using
semantic markup
, such as input range and progress elements.https://codepen.io/mi-lee/post/an-overview-of-html5-semantics
https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player#Progress
https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges
Progress
PlayerComponent