[v3] media.load() breaks hls.js

media.load() is used in a few places in the plyr codebase, with stop, or after playing the video if showPosterOnEnd is enabled, and also when changing the source or quality.

In effect this breaks hls.js (and possibly other streaming wrappers), since hls.js loads the video by some SourceBuffer voodoo after the element is created. For showPosterOnEnd and stop this is a problem, while if you’re changing the source or quality you should be expecting to have to re-initiate hls.js.

Native hls support in Safari is unaffected.

Example: https://codepen.io/fullkornslimpa/pen/XEParj

Let it play until it’s complete (you can skip to the end), then press play again. It will fail unless you remove showPosterOnEnd.

(Added the [v3] tag since I haven’t tested v2).

[sampotts]

Try v3.3.5!

[sampotts]

I’ve renamed the option to resetOnEnd in v3.3.0 and it now applies to all media types. I’ve created a poster container much like @friday 's suggestion and the poster setter will now update both. This is also used for Vimeo and YouTube so the behaviour is consistent.