Okay
  Public Ticket #2994678
I want to add a player on the homepage, but I don't see a tutorial.
Closed

Comments

  • ShengLi Yin started the conversation

    hello,

    I want to add a player on the homepage, but I don't see a tutorial.

  •  1,114

    Thanks,


    Max from the Sonaar.io Crew

  • ShengLi Yin replied

    I want the kind at the bottom of the global, I don't know how to set the .

  •  1,114
    Max replied

    To enable sticky player, go to wp-admin > mp3 player > settings > sticky player and select playlist post in the first option (Load Sticky Player on your website) 

    Thanks,


    Max from the Sonaar.io Crew

  • ShengLi Yin replied

    Hello, How should I modify the player style?

  • ShengLi Yin replied

    https://heroes.mu/

    It doesn't seem to be compatible with my theme.

  •  1,114
    Max replied

    You can modify the sticky footer player in WP-Admin > MP3 Player > Settings

    What does not work or does not seems compatible exactly? Can you send me a screenshot ?


    Thanks,


    Max from the Sonaar.io Crew

  • ShengLi Yin replied

    Not compatible with my theme.

  •  1,114
    Max replied

    Hi,

    add this to your custom CSS (in WP-Admin > Appearance > Customize > Additional CSS):

    #sonaar-player {
        left: 0;
    }

    This will make the sticky player fullwidth.

    Thanks,


    Max from the Sonaar.io Crew

  •  1,114
    Max replied

    You can also move your red arrows up when the sticky player is activated with:

    .continuousPlayer-enable .scroll-up {
        bottom: 158px;
    }
    .continuousPlayer-enable .scroll-down {
        bottom: 122px;
    }
    


    Thanks,


    Max from the Sonaar.io Crew

  • ShengLi Yin replied

    okay, thanks. 

    Does it control autoplay?

    Open the page to play music automatically.

  •  1,114
    Max replied

    Auto-play audio when your page loads is now banned by most desktop and mobile browsers including Chrome and Safari. This is what we call a "Auto-Play Policy". To play audio in a web browser, the user has to interact with the page before audio can play. Interactions is something like clicking a menu, a button, scroll down the page, etc.

    The closest thing you can do is to automatically fire the sticky footer player when the page load and then, users will have to click play. To do it, edit your page and select your playlist in the Music dropdown. See screenshot: https://d.pr/i/ouq7Ay

    You can read more about the Chrome browser policy here: https://www.theoplayer.com/blog/chrome-autoplay-policy-what-you-need-to-know

    Thanks,


    Max from the Sonaar.io Crew