MediaElement.js conflict

  • Bradypus

    (@clementgalliot)


    4 years, 6 months ago

    Hello,

    I want to put embed media (audio and video) in private pages, WordPress uses MediaElement.js to show them. On basics core pages, medias are displayed correctly but not at all in WPCA private pages.
    I think there is a lot of conflicts with MediaElement css and the WP Customer Area CSS (due in particular to WPCA global resets on a lot of HTML tags with “inherit” or “initial” properties value).

    Do you have a solution to resolve these conflicts ?

    Do I have to deactivate MediaElement.js (which is however used in my other pages and by default in WordPress) ?
    Is it possible to ignore WPCA theme styles just on private pages to keep main worpress theme style ?
    If not, do i have to overload theme styles and “restyle” all MediaElement players ?
    Do you know if a media plugin can resolve it ?

    Thank you very much in advance, and have a nice day.
    Clément

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

    (@tlartaud)

    Hi,

    Did you try to embed your media using the [embed] shortcode? That should work on both frontend and admin side.

    Regards.

    Thread Starter Bradypus

    (@clementgalliot)

    Hello,

    Sorry I misspoke (I’m french ^^), I want to be able to insert media from the library directly without a code, in the simplest and default way of wordpress.
    With the wordpress “Add media” button, wordpress adds the [audio] and [video] tags in the code on the admin side, but on the front side mediaelement.js modifies and adds code to guarantee a similar presentation on the different browsers I suppose . It is this injected code that is overloaded by the WPCA css.

    Regards.

    Plugin Author Thomas

    (@tlartaud)

    Bonjour,

    Sentez-vous libres de parler fran?ais, nous sommes fran?ais également.

    Ce problème a été récemment reporté en effet.

    Il s’avère en fait que les propriétés CSS de WPCA outrepassent celles utilisées par le player, et donc certaines parties ne s’affiche pas. Nous allons corriger cela pour la prochaine release.

    En vous remerciant par avance de votre patience.

    Cdlt.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘MediaElement.js conflict’ is closed to new replies.