Support » Plugin: CP Media Player - Audio Player and Video Player » Height issue inside accordion

  • Resolved Morgan71

    (@morgan71)


    I’m testing the free version of your player on local and I have an issue with the height of the inactive player if I put it inside an accordion (Easy Accordion).
    As I open the accordion, the height of the player is at 100% but when I start playing the video it gets the right dimension. No problem if I put the player inside a page. How can I fix it?

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

    (@codepeople)

    Hello @morgan71

    Could you send me the link to your page to check the issue in detail, please?

    Best regards.

    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    Please, remember to send me the link to your page to check the issue in detail.

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    Hello, I don’t know why but today it works great. In the past 2 days I tried reinstalling
    the plugin, different browsers, cleaning their cache and so on with no success…
    Thanks however for you quick reply.

    • This reply was modified 7 months, 2 weeks ago by Morgan71.
    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    Thank you very much for letting me know that everything is working fine again.

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    Hello, I found the problem. There’s a conflict with Easy Accordion plugin.
    If I chose “All Folded” in “Accordion Settings” –> “Accordion Mode”, the player appears maximized, width is ok (100% of the container). Playing the video, height is corrected.
    Changin that setting to “First Open”, height is immediately the right one.
    In my case, I’d like to have all accordions folded.
    Could you fix it?
    Sorry, it is a private company site so I can’t give you the access.
    In case, I can make a short video of what is going on.

    • This reply was modified 7 months, 1 week ago by Morgan71.
    • This reply was modified 7 months, 1 week ago by Morgan71.
    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    Could you send me the link to your webpage to check the issue in action, please?

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    I created a test page here

    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    Please, assign a height to the players.

    You assigned the players the width only.

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    Already tried, same result. Now it is set to 365.

    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    The accordion modifies the player height when opening. A possibility is forcing the height with CSS and the !important modifier.

    Please, go to the menu option: “Appearance > Customize > Additional CSS”, and enter the following style definition:

    #ms_avp .mejs-container{max-height:360px !important;}

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    Hello, this way the player height is fixed but the content doesn’t fit the dimensions of the players

    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    I tested your page again, and the player is working fine. The video fits the player’s dimensions.

    Please, watch the video by visiting the following link:

    https://resources.developers4web.com/cff/tmp/2022/06/video_o.mp4

    Best regards.

    Thread Starter Morgan71

    (@morgan71)

    Hello, on small size screens only it looks good. Please have a look at the this video. This is my 17″ laptop.

    Plugin Author codepeople

    (@codepeople)

    Hello @morgan71

    Please, modify the styles I sent you previously as follows:

    #ms_avp .mejs-container,
    #ms_avp .mejs-container *{max-height:360px !important;}

    Best regards.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Height issue inside accordion’ is closed to new replies.