nl_tokens: Show the duration on metadataloaded or durationchange events
pl_tokens: function durationUpdate ( ) { // Bail if no UI or durationchange event triggered after playing/seek when invertTime is false if ( ! this . supported . ui || ! this . config . invertTime && this . currentTime ) { return ; } // If duration is the 2**32 (shaka), Infinity (HLS), DASH-IF (Number.MAX_SAFE_INTEGER || Number.MAX_VALUE) indicating live we hide the currentTime and progressbar. // https://github.com/video-dev/hls.js/blob/5820d29d3c4c8a46e8b75f1e3afa3e68c1a9a2db/src/controller/buffer-controller.js#L415 // https://github.com/google/shaka-player/blob/4d889054631f4e1cf0fbd80ddd2b71887c02e232/lib/media/streaming_engine.js#L1062 // https://github.com/Dash-Industry-Forum/dash.js/blob/69859f51b969645b234666800d4cb596d89c602d/src/dash/models/DashManifestModel.js#L338 if ( this . duration >= Math . pow ( 2 , 32 ) ) { toggleHidden ( this . elements . display . currentTime , true ) ; toggleHidden ( this . elements . <mask> , true ) ; return ; } // Update ARIA values if ( is$1 . element ( this . elements . inputs . seek ) ) { this . elements . inputs . seek . setAttribute ( 'aria-valuemax' , this . duration ) ; } // If there's a spot to display duration var hasDuration = is$1 . element ( this . elements . display . duration ) ; // If there's only one time display, display duration there if ( ! hasDuration && this . config . displayDuration && this . paused ) { controls . updateTimeDisplay . call ( this , this . elements . display . currentTime , this . duration ) ; } // If there's a duration element, update content if ( hasDuration ) { controls . updateTimeDisplay . call ( this , this . elements . display . duration , this . duration ) ; } // Update the tooltip (if visible) controls . updateSeekTooltip . call ( this ) ; }