mediaelement.js - Can't override the element-style [closed]

Question

Closed. This question needs debugging details. It is not currently accepting answers.

---

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.

Closed 4 years ago.

Improve this question

I am having real problems trying to override the theme css. I have tried the old fall back of using !important but it doesn't work.

What is really annoying is that the audio default player size works but not the video. It is driving me nuts do any of you have any idea how to solve it?

http://www.krissharmsworth.com/test/test-media/

Thanks in advance

Kriss :)

Answer 1

The problem lies not in the div but in the object tag

strt changing the css from there using !important if required

<video id="wp_mep_2"   width="1024" height="576"  controls="controls" preload="none"  >




    <source src="http://www.krissharmsworth.com/test/wp-content/uploads/2013/09/Michael-victor.wmv" type="video/wmv" />


    <object width="1024" height="576" type="application/x-shockwave-flash" data="http://www.krissharmsworth.com/test/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf">
        <param name="movie" value="http://www.krissharmsworth.com/test/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&amp;file=" />          
    </object>       
</video>

These controls render at their default height so first change their css then the parent div . Wait ill give a screen shot in some minustes :)

Heres the screen shot i did by changing the styles of the media elements ie the video (silverlight or some thing) and then the above divs.