Vimeo 嵌入 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'});
});