locked
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? 

    Saturday, August 16, 2014 6:43 PM

Answers

  • 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


    • Marked as answer by Jaxim Wednesday, August 20, 2014 5:45 PM
    Wednesday, August 20, 2014 5:44 PM

All replies

  • 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.

    Monday, August 18, 2014 3:15 AM
    Moderator
  • 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


    • Marked as answer by Jaxim Wednesday, August 20, 2014 5:45 PM
    Wednesday, August 20, 2014 5:44 PM