WordPress.org

Forums

CP Media Player - Audio Player and Video Player
[resolved] Alignment, Responsiveness and Browser Questions (4 posts)

  1. Andrewjmarino
    Member
    Posted 1 year ago #

    Hi,

    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.

    Thanks
    Andrew

    http://www.visitbanteaychhmar.org/visitor-activities/traditional-music/

    http://wordpress.org/plugins/audio-and-video-player/

  2. codepeople
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    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.

  3. Andrewjmarino
    Member
    Posted 1 year ago #

    Hi,

    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.

    Andrew

    http://www.visitbanteaychhmar.org/visitor-activities/traditional-music/

  4. codepeople
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

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

    Best regards.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic