http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem Support Forum - Topic: Spotify embedded in post problem en-US Fri, 24 May 2013 21:11:39 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95899 Fri, 08 Feb 2013 20:54:33 +0000 Devin 95899@http://www.kriesi.at/support/ <p>Glad we could help :)</p> <p>Let us know if you have any other questions or issues.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95870 Fri, 08 Feb 2013 16:44:46 +0000 mudskippir 95870@http://www.kriesi.at/support/ <p>Ignore me, just tried another computer. This will do!</p> <p>Thank you guys for your help! </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95865 Fri, 08 Feb 2013 16:29:09 +0000 mudskippir 95865@http://www.kriesi.at/support/ <p>Hi Devin, </p> <p>On my other blog site that I tested the embed code in, it looks the way yours looks, which is totally fine. Unfortunately, the way it looks in the blog post in this thread is not only limited in the ability to size/resize, but it also has that white space that closes up on rollover. Can you tell me why that is happening? </p> <p>It isn't happening on your page that you linked to and it doesn't happen on my other blog, here: <a href="http://www.christypessagno.com/blog/?p=385" rel="nofollow">http://www.christypessagno.com/blog/?p=385</a> pw: spotify</p> <p>If I could at least get this rollover fixed, I'll be happy. </p> <p>Thanks,<br /> Christy </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95841 Fri, 08 Feb 2013 15:35:26 +0000 Devin 95841@http://www.kriesi.at/support/ <p>Hey Christy,</p> <p>I think the actual spotify code has something to do with it. If you open your embed url alone and adjust the window to various sizes it seems to limit the height in some cases and let it expand full height+width in others.</p> <p>I made a test page with just the spotify iframe and it wont let you change the height if the height+width is to far in proportion. It may just be something you have to tweak and get to a tolerable size.</p> <p>For example, I used 780px height and 500px width which limited the height to 580px. If I bumped up the width to 550px it expanded the height to 549px (of the actual player inside the iframe) while the iframe itself was what I set originally (780px).</p> <p>I'll keep my test live for you here so you can see what I mean:<br /> <code>removed</code></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95738 Thu, 07 Feb 2013 18:42:32 +0000 mudskippir 95738@http://www.kriesi.at/support/ <p>Hi Ismael, </p> <p>I added this to the CSS style sheet and emptied my browser history and cache from the earliest possible point. The embed still looks funky and the embed doesn't reflect any size changes or directions. </p> <p>I hope this isn't a lost cause as this is a really integral part of our website and we want to be embedding this player once a month. </p> <p>Thanks for your help,<br /> Christy </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95586 Thu, 07 Feb 2013 06:14:54 +0000 Ismael 95586@http://www.kriesi.at/support/ <p>Hi,</p> <p>I thought what Dude said will already fix the issue but try to add this on your custom.css.</p> <pre><code>#mainContainer { min-height: 400px !important; } .postid-1529 iframe { min-height: 550px !important; } .jspContainer { min-height: 600px !important; }</code></pre> <p>I hope this will adjust the height. Actually, try to do what Dude posted earlier then remove browser history.cache then reload the page. </p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-95541 Wed, 06 Feb 2013 22:32:44 +0000 mudskippir 95541@http://www.kriesi.at/support/ <p>Hi Dude, </p> <p>I replaced the code like you suggested and it doesn't work. :( </p> <p>Take a look:<br /> <a href="http://www.theybklyn.com/2013/02/jan2013music/" rel="nofollow">http://www.theybklyn.com/2013/02/jan2013music/</a><br /> pw: spotify</p> <p>It seems like it did format it to the default width, but the height is still being overridden by something. Here is the only coding in the text section of the post:<br /> &lt;iframe style="font-size: 13px; line-height: 19px;" src="https://embed.spotify.com/?uri=spotify:user:mudskippir:playlist:6DyxOsAbolEybOXjUMyg8i" height="600" width="250" frameborder="0"&gt;&lt;/iframe&gt;</p> <p>I went to change the height to 400 and all it did was remove the white space you see under it in it's current state. </p> <p>The weird white space that closes up when you rollover the player is also still there. </p> <p>Any other suggestions? </p> <p>Thanks,<br /> Christy </p> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-94927 Mon, 04 Feb 2013 07:16:37 +0000 Dude 94927@http://www.kriesi.at/support/ <p>Probably Kriesi's iframe fix "adjusts" the spotify iframe dimensions. You can try to remove the fix - open up js/avia.js and replace following code:</p> <pre><code>avia_small_fixes(container);</code></pre> <p>with:</p> <pre><code>//avia_small_fixes(container);</code></pre> http://www.kriesi.at/support/topic/spotify-embedded-in-post-problem#post-94700 Sat, 02 Feb 2013 19:15:31 +0000 mudskippir 94700@http://www.kriesi.at/support/ <p>Hi, </p> <p>I am using the Eunoia theme. I am attempting to make a blog post that I am embedding a playlist from Spotify into. </p> <p>Here is the page:<br /> <a href="http://www.theybklyn.com/2013/02/jan2013music/" rel="nofollow">http://www.theybklyn.com/2013/02/jan2013music/</a><br /> pw: spotify</p> <p>Here is the embed code I am using:<br /> &lt;iframe src="https://embed.spotify.com/?uri=spotify:user:mudskippir:playlist:6DyxOsAbolEybOXjUMyg8i" height="380" width="250" frameborder="0"&gt;&lt;/iframe&gt;</p> <p>There are TWO issues, the first being that I can't resize the player. It will always default to the full width of the blog, as you can see in the example link above. I tried using the shortcode/column solution as seen here: <a href="http://www.kriesi.at/support/topic/incarnation-theme-style-overwriting-my-page-code#post-93959" rel="nofollow">http://www.kriesi.at/support/topic/incarnation-theme-style-overwriting-my-page-code#post-93959</a></p> <p>That worked to make my player fit inside half of the blog, but height of the player was way less in pixels and I was unable to adjust it even from the embed code. </p> <p>The second issue is the white space below the top part of the player that closes up when you roll over the player. I've posted the same embed code on another blog I have and the player embeds without the dreaded white space opening and closing. </p> <p>Help, please! </p>