Changing Default Loading Animation of MediaPlayer?

Question

The default loading/buffering animated icon of the PlayerFramework.MediaPlayer is a bunch of dots going from left to right within the pf-buffering-container DIV.

Is there a way to change the loading icon so it is an animated circle of dots? 

Answer 1

Hi Jaxim,

You may need ask for PlayerFramework to see if they have some API for this.

However as a WinJS app, here is a general way to "hack" the control. Trigger the CSS/JavaScript while the video is in progressing or loading, remove the dot from CSS and apply your own animation instead of that. 

--James

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

Answer 2

I figured it out!

There is a progress tag within the pf-buffering-container DIV. The progress tag has by default a CSS class of "pf-buffering-control". All I need to do is remove that CSS class and add the classes "win-ring win-large", and then this creates the loading progress ring I was after.

For more info on how to style the progress tag, check out the following page:

http://msdn.microsoft.com/en-us/library/windows/apps/jj651676.aspx