css - mediaelement.js - 不能覆盖元素样式

Question

我在尝试覆盖主题 css 时遇到了真正的问题。我已经尝试过使用 !important 的旧回退，但它不起作用。

真正令人讨厌的是音频默认播放器大小有效，但视频无效。这让我发疯了，你们中的任何人都知道如何解决它吗？

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

提前致谢

克里斯:)

Answer 1

问题不在于 div 而在于对象标签

strt 如果需要，使用 !important 从那里更改 css

<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>

这些控件以默认高度呈现，因此首先更改其 css 然后更改父 div 。稍等一下，给个屏幕截图吧：）

这是我通过更改媒体元素的样式（即视频（silverlight 或其他东西））然后是上述 div 所做的屏幕截图。