嵌入 soundcloud 播放器中的样式 css答案

【问题标题】：styles css in embeded souncloud player嵌入 soundcloud 播放器中的样式 css
【发布时间】：2015-09-07 18:01:53
【问题描述】：

我正在尝试制作一个小型网站，我使用嵌入代码在网页中显示 soundcloud 音乐。但是，我想删除橙色按钮 play 和 iframe 下的播放器。我正在研究我发现我可以用 css 做到这一点，只是隐藏按钮。所以我在我的页面中创建了一个样式 css，但所有样式都包括在内，除了与框架 soundcloud 相关的样式。有人可以帮助我吗？因为当我使用检查元素直接在页面上进行更改时，它可以工作。

提前致谢。

【问题讨论】：

嗨@djodev，您应该首先在此处发布您尝试过的代码。然后有人可以帮助您弄清楚它为什么不起作用。
这是我的代码：w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/…>
问题是框架带有soundcloud css并且不采用我的css样式。

标签： css iframe embed soundcloud

【解决方案1】：

CSS 你在 CSS 文件上写的内容不会影响 iFrame 的内容。

解决方案：

您真的需要 iFrame 吗？不能使用模态窗口或类似的东西来完成吗？
使用 JS/JQuery 添加您想要添加的 CSS $('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .my-class{display:none;} </style>")); });

【讨论】：

我还没有进入我的 iframe。它只是一个用于在 soundcloud 上录制曲目的框架，如下所示：w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/…>
您必须将其添加到 iframe 的头部（在 iFrame 内）。加载后即可使用。
我不明白你想说什么@Shishir Trivedi，要创建一个新的头部标签还是只在我的 iframe 中添加 css 代码？
@djodev - 您必须像我给出的示例一样使用 javascript 捕获 iFrame 内容的现有 head 元素。然后通过附加来添加您想要添加的样式（参见上面的示例）。如果你能分享你的代码，我可能会更有效地解释。
这是我的代码：$(document).ready(function(){ $('iframe').contents().find("head") .append($("")); });});但我不确定那是最好的课程，因为我测试了很多课程，但这不起作用。