fix: replay button broken for native playback

[adrums86]

Description

During native playback in Safari (desktop or iOS) if the user reaches the end of content in fullscreen, the replay button will no longer function with a single click. Meaning, the button will work and change state to playing however the video does not restart. It seems to be an issue with the content not ending correctly as the ended event is firing, however video.ended is returning false. Since it's native, we don't have the option of calling endOfStream on the mediaSource.

Specific Changes proposed

If we detect native playback from the tech and the play toggle is still in the replay state, we can manually do a seek to 0 and call play.

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chrome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
• Reviewed by Two Core Contributors

[codecov]

Codecov Report

Merging #8142 (205822a) into main (b306ce6) will increase coverage by 0.03%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main    #8142      +/-   ##
==========================================
+ Coverage   82.00%   82.03%   +0.03%     
==========================================
  Files         110      110              
  Lines        7339     7343       +4     
  Branches     1770     1773       +3     
==========================================
+ Hits         6018     6024       +6     
+ Misses       1321     1319       -2     

Impacted Files	Coverage Δ
src/js/player.js	89.80% <100.00%> (+0.02%)	⬆️
src/js/tracks/text-track.js	94.87% <0.00%> (+0.64%)	⬆️
src/js/utils/browser.js	56.73% <0.00%> (+0.96%)	⬆️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[Essk]

Looks good!

[gkatsev]

This seems like it probably should happen in player.play() since I'd expect the programmatic method would also fail in the same way.

[gkatsev]

Also, I'm really sad that it's needed. I think Video.js used to have it a long time ago but was removed because we thought it wasn't needed anymore.

[adrums86]

@gkatsev It actually works like this, Safari doesn't seem to have a problem with the play call, tested on mac and iOS. That said, I agree it would fit better in the actual play function. This will need some refactoring anyway due to what @mister-ben mentioned.
I agree it is sad to see, luckily it seems isolated to native fullscreen only (ending in fullscreen, returning from fullscreen, hitting replay).

[adrums86]

I moved everything over to player.js and added a unit test.