css - mediaelement.js - 无法覆盖元素样式

<分区>

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。

关闭 5 年前。

Improve this question

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

真正恼人的是，音频默认播放器大小有效，但视频无效。这让我抓狂，你们知道如何解决吗？

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

提前致谢

克里斯 :)

最佳答案

问题不在div而在object标签

如果需要，使用 !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 的样式所做的屏幕截图。

enter image description here