Vimeo embed CSS:覆盖默认文本样式？

Question

我正在一个响应式网站上嵌入一个带有特别长标题的Vimeo视频，我想知道是否有可能用我自己的CSS覆盖Vimeo播放器的CSS以控制字体大小，这一点最重要。Vimeo上的播放器嵌入选项似乎不允许这些类型的调整。使用Firebug检查实际的嵌入代码，我尝试使用以下CSS的变体来覆盖媒体查询中的默认播放器字体样式，但无济于事：

iframe #player .controls-wrapper .title h1 {
    font-size: 12px !important;
}

我假设我无法覆盖CSS，因为嵌入式iframe的样式表必须优先(?)坦率地说，我很惊讶文本大小在默认情况下似乎没有响应。任何解决方案的想法都是非常受欢迎的。

Answer 1

您可以尝试使用jQuery更改它。试一试：

jQuery(document).ready(function () {
    jQuery('iframe').contents().find('#player .controls-wrapper .title h1').css({'font-size':'12px'});
});