styles css in embeded souncloud player

Question

I am trying to make a small site I use embed code to display soundcloud music in webpage. however, I want to remove the orange button play and the player down my iframe . I am researching I found that I could do it with css, just hidden buttons . So I created a style css in my page but all the styles are included except that relating to the frame soundcloud . could someone help me? because when I make changes directly on the page with inspect element it works.

thanks in advance.

Answer 1

CSS you are writing on your CSS file wont effect content of iFrame.

Solutions:

1. Do you really need an iFrame? Cant it be done using modal window or something like that?
2. Add CSS you want to add using JS/JQuery $('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .my-class{display:none;} </style>")); });