i had player script, this script is modified from webtorent and plyr player
the player is autoplay, and I need to fix player behavior.
Right now: when page is loaded , webtorrent started running and player wait for streaming data
Because the file is very heavy and load time is very long, i want a spinning/ loading icon when the player wait for streaming data, so users know it is on progress of loading the video.
so the behavior will flow like this
1. page loaded => 2. webtorrent is started. => 3. user click the play button and catch the event of this event => 4. give a spinner loading icon when the player is waiting for video => 5. then video is playing
basically i need a spinning icon and catch the click of play button for my analytic purpose
the script and the live page is on [login to view URL], is autoplay, please wait for 1-3 minutes, before the player start running, 1-3 minutes is too long so i need the loading icon.
icon loader and all data [login to view URL] , please do not use jquery, read plyr event for more help
it mush be a easy job