Support » Plugin: CP Media Player - Audio Player and Video Player » Alignment, Responsiveness and Browser Questions

  • Resolved Andrewjmarino



    I just installed the player and like the simplicity for my needs. But, I have a few issues/questions.

    1) The player displays differently in IE and Firefox (the video window is visible). Chrome looks correct to me, only the audio player.

    I should know how to do this, but…

    2) How do I center the player on the page?

    3) How do I make it responsive? I don’t understand a previous forum question about setting the player to 100%.
    My settings are 425 width 200 height.
    Those are the only settings I see in admin.
    On my android phone, the player is not responsive.


    Traditional Music

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople



    If you are inserting an audio player, the height should be 65px, the recommended size for the skin used in your website. About the responsive design, you should use the width of player to 100%, to adjust the player to its container.

    In your case, you want that player be centered in your page, with a responsive design, but with a maximum width of 475px. So you only need follow the steps below:

    1. Go to the settings of player and set the height to 65, and the width to 100%

    2. Go to the post or page, where the media player will be inserted.

    3. Press the “Text” tab in the page/post content’s editor.

    4. Paste the shortcode in the following way:

    <div style=”max-width:450px;margin:0 auto;”>[codepeople-html5-media-player id=2]</div>

    Note: Use the ID number of your player.

    That’s all.
    Best regards.


    Thanks, the player displays nicely and works on all browsers now and is responsive:)

    Sorry, for not realizing that I could have entered 100% in the width field and not just a px value 🙁

    Will give you a nice rating.


    Plugin Author codepeople



    If you have any other issue with the plugin, do not hesitate in contact us again.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment, Responsiveness and Browser Questions’ is closed to new replies.