Embed BBC iPlayer content

BBC’s iPlayer service is a great, if UK-only service that lets you catch up with any content shown on BBC terrestrial channels from the recent past. (Outside the UK? Try Hotspot Shield’s VPN, or read this guy’s blog)

Wouldn’t it be great if you could embed these shows into your blog?

Well, you can.

*update*

Thanks to Ryan at upyourego.com for a much nicer, easier and altogether more professional method of creating the embed. Check it here:

http://upyourego.com/pip/

*old method*

All credit to watchification.com for the method and code, and it’s a little hack-sy, but here you go:

<div class="vidembed" align="center">
<div id="
insertPIDhere" class="player">
<embed id="bbc_emp_embed_
insertPIDhere" width="512" height="323" flashvars="domId=insertPIDhere&config_settings_showFullScreenCta=false&playlist=http://www.bbc.co.uk/iplayer/playlist/insertPIDhere&config=http://www.bbc.co.uk/emp/iplayer/config.xml&config_settings_suppressCodec=h264" allowscriptaccess="always" allowfullscreen="true" wmode="default" quality="high" bgcolor="#000000" name="bbc_emp_embed_insertPIDhere" style="" src="http://www.bbc.co.uk/emp/9player.swf?revision=7276_7623" type="application/x-shockwave-flash"/>
</div>
<script type="text/javascript">
1
2 var emp = new embeddedMedia.Player();
3 emp.setWidth("512");
4 emp.setHeight("323");emp.setDomId("
insertPIDhere");
5emp.set("config_settings_showFullScreenCta","false");
6emp.setPlaylist("http://www.bbc.co.uk/iplayer/playlist/
insertPIDhere");
7 emp.setConfig("http://www.bbc.co.uk/emp/iplayer/config.xml");
8 emp.write();
9
</script>
</div>

Replace the seven pids (programme IDs) in the code (where it says insertPIDhere) from the correct show, and you’re away. PIDs can be found in the URL on the page for the episode you want to embed. For example, http://www.bbc.co.uk/iplayer/episode/b00gq734/QI_Series_6_Fight_or_Flight/, you’d want b00gq734.

It’s worth noting that the whole reason the BBC doesn’t allow embedding is because programmes expire after a certain time. Something you’d want to bear in mind if using this method.

About these ads

10 responses to “Embed BBC iPlayer content

  1. Hello,

    I’m having a bit of trouble with this using CMS – it works when I initially paste the code into the page on preview but when I hit “save” and look at the page in a live environment it comes up with a message saying “This data isn’t available at this moment in time. Try again later”

    Any ideas? Would love to get this to work!

  2. Great post – exactly what I was after!

  3. I wrote a quick and nasty VBscript to generate iPlayer embed code if its any help.

    http://upyourego.com/pip/

    Just type in the PIP code and set the size you want then bang – you get the embed code.

    It can also handle deep linking but I have a couple of bugs to sort out in that first.

    • Great stuff fella, thanks for reading and replying! Post has been updated now to link to your superior method.

  4. Hey i have created a nice simple script for people to get embedding code for bbc iplayer!

    Simple enough that you dont have to pick out the annoying programme id’s!

    You just copy and paste the link into the input field and it gets the pid and the name of the video for you!

    http://benstaker.dyndns.org/portfolio/forums_2/change_cont.html

    Click on BBC iPlayer

    – Bass

  5. I was wondering if there was anything similar with regards to videos from BBC sport?? Thanks.

  6. Any updates to this please?

  7. I am living abroad and was not able to watch BBC here until I got identity cloaker which costs about 7 euros monthly. I can now watch all my favourite programs.

  8. This is awesome. Possibly the only source on the web (that’s accessible at least), for embedding BBC iPlayer video. Thanks.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s