I'd like to swap out my current HTML5 audio player for the Soundcloud html5 widget player. My concern is that I have 11 posts per page on my Wordpress (org) music site, so that would be 11 different Soundcloud iframes per page. Will this slow my site down considerably?

Is there another way to embed the Soundcloud player besides iframe that would perform better?

Note: The .loading is a class that's removed when the iframe loads. I'm using it so that a height is there for Masonry layouts otherwise the space is collapsed. It is useful so that the page doesn't jump around even if you're not using Masonry, you'd change the value in both the CSS and the jQuery to reflect your iframe size.

Thanks Christina, I'll keep that method in mind if I decide to use it. I'm currently just lazy loading the Soundcloud players using jQuery Lazy Load XT and it works good. I have 10 players total on each page and only the first two on the screen load until you scroll down.
– Nate M.Feb 14 '15 at 12:45