Vimeo嵌入CSS:是否覆盖默认文本样式?

Vimeo嵌入CSS:是否覆盖默认文本样式?,css,iframe,media-queries,embed,vimeo,Css,Iframe,Media Queries,Embed,Vimeo,我在一个有响应的网站上嵌入了一个标题特别长的Vimeo视频,我想知道是否有可能用我自己的CSS覆盖Vimeo播放器的CSS来控制字体大小,最重要的是。Vimeo上的播放器嵌入选项似乎不允许进行此类调整。使用Firebug检查实际嵌入的代码,我尝试使用以下CSS的变体在媒体查询中覆盖默认的播放器字体样式,但没有效果: iframe #player .controls-wrapper .title h1 { font-size: 12px !important; } 我假设我无法覆盖CSS

我在一个有响应的网站上嵌入了一个标题特别长的Vimeo视频,我想知道是否有可能用我自己的CSS覆盖Vimeo播放器的CSS来控制字体大小,最重要的是。Vimeo上的播放器嵌入选项似乎不允许进行此类调整。使用Firebug检查实际嵌入的代码,我尝试使用以下CSS的变体在媒体查询中覆盖默认的播放器字体样式,但没有效果:

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

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

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

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

正确,您不能更改iframe的css/样式。在进行谷歌搜索时,看起来您必须使用自定义vimeo嵌入播放器来自定义字体大小等属性。这里还有一个相关的线程。啊,好的,很有趣——谢谢你,亚历克斯。