Spinner displayed forever on iphone until I click play about mat-video

[thibserot]

This seems to be related to https://stackoverflow.com/questions/50051639/javascript-html5-video-event-canplay-not-firing-on-safari and video-dev/hls.js#1686

Putting some debug i can confirm that canplay event isn't triggered on the iphone while loadmetada is.

This is the sequence I get from Chrome/Ubuntu:
loadstart -> durationchange -> loadmetadata -> canplay

This is what I get from Safari/Iphone:
loadstart -> durationchange -> loadmetadata

Do we really need to wait for the canplay to remove the spinner?

Putting this.videoBuffering = false in https://github.com/nkoehler/mat-video/blob/master/projects/mat-video/src/lib/ui/mat-video-spinner/mat-video-spinner.component.ts#L31 would solve the problem.
I'm happy to submit a PR if you are happy with the change

What do you think?

[nkoehler]

Thanks for the tip, I've taken that approach and implemented a fix in release 2.8.1 that should solve the issue.