HTML/coding help

[Steve]

I am trying to add support for auto-embedding of Official.fm players on DV, but I can't get it to work. Maybe someone here can spot where I'm going wrong.

 

Here's an example link: -

http://official.fm/tracks/prVO

And here is the embed code: -

<iframe width="350" height="550" frameborder="no" src="http://official.fm/player?width=350&height=550&skin_bg=000000&skin_fg=FFFFFF&artwork=1&tracklist=1&feed=http://official.fm/feed/tracks/prVO.json"></iframe>

Using the above HTML works fine, so I know it definitely works. It's my code that is wrong somewhere.

Here is what I've tried for the media tag: -

Media replacement match: -

http://official.fm/tracks/{1}

Media replacement HTML: -

<iframe width="350" height="550" frameborder="no" src="http://official.fm/player?width=350&height=550&skin_bg=000000&skin_fg=FFFFFF&artwork=1&tracklist=1&feed=http://official.fm/feed/tracks/{1}.json"></iframe>

This automatically embeds a player, but with a blank playlist. Where have I gone wrong?

Clearly, it's the 4 character code at the end of the link that identifies the particular mix/track/song. In the media replacement match, I have used the variable {1} to replace that 4 character code. Then in the media replacement HTML, I have also replaced the 4 character code with {1}. The way it's supposed to work is that when you post a link, it would take the 4 character code off the end of it and insert it into the HTML in place of {1}, which should work fine, except it doesn't and I don't know why.

[Jimmy]

how did you manage to fix this in the end steve? (noticed you managed it in the 7x7 thread)

cheers for this by the way.

[Steve]

I haven't fixed it at that point mate. Admins are allowed to use HTML in posts, so that's how I got it to work in that 7 x 7" thread. I have fixed it now, however. Just gonna start a thread about it.

[Steve]

Just in case anyone else here uses Invision Power Board, or winds up here from a Google search, the mistake I made was this - In the media replacement match, you use {1}, {2} etc. for variables, but in the media replacement HTML you have to use $1, $2 etc. which is where I went wrong.

 

The correct code for the HTML is therefore: -

 

 

<iframe width="350" height="550" frameborder="no" src="http://official.fm/player?width=350&height=550&skin_bg=000000&skin_fg=FFFFFF&artwork=1&tracklist=1&feed=http://official.fm/feed/tracks/$1.json"></iframe>