Looking for volunteers to look up embed urls on various sites

[fu]

I'm looking for volunteers who are willing to dig into the various sites on the list in http://bugs.dwscoalition.org/show_bug.cgi?id=3707, and point me to the right direction of the proper format of the embed code for each site.

What I need:

* an example of the embed code, preferably a couple so I can compare. You'll probably want to put this into a <textarea rows=20 cols=40>(embed code here)</textarea< so you don't have to worry about escaping the code.

* I'm assuming that these are iframe embeds because those are what require whitelisting; embeds which use the <embed> tag don't need any special-casing.

* don't feel like you have to volunteer to get them all. It looks like some of these need an account before you can find the bits that are embeddable, so if you have an account on these services just the one or two would be very helpful!

* absolutely no rush :-)

plurk.com
twitter.com
*.google.com (Picasa, yadda)
vidders.net

Comments

soundcloud.com

[ninetydegrees]

I have Soundcloud embeds on onesongaday. These are not iframe embeds but they're not embedded correctly. Dreamwidth displays a truncated version of the player. Here's an example of what it looks like on DW: http://onesongaday.dreamwidth.org/79271.html. And here's an example of what it should look like: http://prettymuchamazing.com/music/stream/recd-new-four-tet-locked.

Example codes:

<object height="225" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Fusers%2F4867863"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="225" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Fusers%2F4867863" type="application/x-shockwave-flash" width="100%"></embed> </object> <span><a href="http://soundcloud.com/iamsoundrecords">Latest tracks by iamsoundrecords</a></span>


<object height="81" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F16341438"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F16341438" type="application/x-shockwave-flash" width="100%"></embed> </object> <span><a href="http://soundcloud.com/iamsoundrecords/fools-gold-wild-window">Fool's Gold - Wild Window</a> by <a href="http://soundcloud.com/iamsoundrecords">iamsoundrecords</a></span>

Re: soundcloud.com

[fu]

Hmmm! Okay this looks like a slightly different issue: the problem here is that SoundCloud sets the width at 100%, which on our side gets thrown away because it's not a pure number.

Anyway, on the user side this can be fixed by manually setting the "width" to something not 100%; on the code side, we should file a bug to see what we can do about it! (Thanks for pointing this out *G*)

bandcamp.com

[ninetydegrees]

From http://generationals.bandcamp.com/track/greenleaf

<iframe width="400" height="100" style="position: relative; display: block; width: 400px; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=2617387771/size=venti/bgcol=FFFFFF/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://generationals.bandcamp.com/track/greenleaf">Greenleaf by Generationals</a></iframe>

Re: bandcamp.com

[fu]

Thank you! Have put it in!

Vimeo

[fulminata]

New:

<iframe src="http://player.vimeo.com/video/26881896?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe><p><a href="http://vimeo.com/26881896">Toro y Moi - How I Know</a> from <a href="http://vimeo.com/enchantedfern">Jordan Kim</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

Old:

<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=26881896&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=26881896&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><p><a href="http://vimeo.com/26881896">Toro y Moi - How I Know</a> from <a href="http://vimeo.com/enchantedfern">Jordan Kim</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

Re: Vimeo

[fu]

This is great, thank you! The new version will be in the next time we update our code :)

NicoNico

[fulminata]

Since in Japanese, is slightly confusing, but I think I figured it out. I don't know which one you needed, so I included both.

External Video:
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1496202"></script><noscript><a href="http://www.nicovideo.jp/watch/sm1496202">【ニコニコ動画】ひまわり</a></noscript>

Iframe:
<iframe width="312" height="176" src="http://ext.nicovideo.jp/thumb/sm1496202" scrolling="no" style="border:solid 1px #CCC;" frameborder="0"><a href="http://www.nicovideo.jp/watch/sm1496202">【ニコニコ動画】ひまわり</a></iframe>

Re: NicoNico

[fu]

Thank you -- the iframe one appears to be what I'm looking for! My Japanese is rusty enough that I suspect it would have taken me half the afternoon to figure out where to look for the embed code

(Right now, it's just showing me a thumbnail of the video, but I'm assuming that that's because I'm not logged in / don't have an account, because when I go to the actual page, it doesn't show me the video there either!)

Re: NicoNico

[fulminata]

I might have grabbed code from a "live" video, but the general construct should be the same. Here's one from an older video that's from 2010. I'm unsure if NicoNico allows for full video embed... I think they just do the thumbnail & expect people to click through. /shrug

<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/1279443171"></script><noscript><a href="http://www.nicovideo.jp/watch/1279443171">【ニコニコ動画】野口綾子。今日の野球むにゃむにゃ【7月17日結果】（23日目　超！番外編！今日も水中！）</a></noscript>

<iframe width="312" height="176" src="http://ext.nicovideo.jp/thumb/1279443171" scrolling="no" style="border:solid 1px #CCC;" frameborder="0"><a href="http://www.nicovideo.jp/watch/1279443171">【ニコニコ動画】野口綾子。今日の野球むにゃむにゃ【7月17日結果】（23日目　超！番外編！今日も水中！）</a></iframe>

Re: NicoNico

[fu]

Ahh, so it's a site culture/expectation thing. That looks fine then, thank you, it would have taken me ages to figure it out on my own!

Hulu

[fulminata]

<object width="512" height="288"><param name="movie" value="http://www.hulu.com/embed/rojCZdU1TCg5DR_K1qgXrg"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.hulu.com/embed/rojCZdU1TCg5DR_K1qgXrg" type="application/x-shockwave-flash" width="512" height="288" allowFullScreen="true"></embed></object>

Re: Hulu

[fu]

Oh man Hulu; I wasn't looking forward to looking for the link, because I'm mostly blocked from the site since I'm outside the USA. Thanks again *g*

(Hmm, Hulu appears to be working already, so, yay? yay!)

Flickr

[fulminata]

<object type="application/x-shockwave-flash" width="400" height="267" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&photo_secret=172f88aa0f&photo_id=2856467015"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&photo_secret=172f88aa0f&photo_id=2856467015" height="267" width="400"></embed></object>

Re: Flickr

[fu]

Works, thanks!

Blip.tv

[fulminata]

<iframe src="http://blip.tv/play/g58WgpyyJgI.html" width="550" height="339" frameborder="0" allowfullscreen></iframe><embed type="application/x-shockwave-flash" src="http://a.blip.tv/api.swf#g58WgpyyJgI" style="display:none"></embed>

Re: Blip.tv

[fu]

In, thank you!

Comedy Central

[fulminata]

<table style='font:11px arial; color:#333; background-color:#f5f5f5' cellpadding='0' cellspacing='0' width='512' height='340'><tbody><tr style='background-color:#e5e5e5' valign='middle'><td style='padding:2px 1px 0px 5px;'><a target='_blank' style='color:#333; text-decoration:none; font-weight:bold;' href='http://www.comedycentral.com/shows/futurama/index.jhtml'>Futurama</a></td><td style='padding:2px 5px 0px 5px; text-align:right; font-weight:bold;'>Thursdays 10/9c</td></tr><tr style='height:14px;' valign='middle'><td style='padding:2px 1px 0px 5px;' colspan='2'><a target='_blank' style='color:#333; text-decoration:none; font-weight:bold;' href='http://www.comedycentral.com/videos/index.jhtml?videoId=389347&title=inside-out-bender'>Sneak Peek - Inside-Out Bender</a></td></tr><tr style='height:14px; background-color:#353535' valign='middle'><td colspan='2' style='padding:2px 5px 0px 5px; width:512px; overflow:hidden; text-align:right'><a target='_blank' style='color:#96deff; text-decoration:none; font-weight:bold;' href='http://www.comedycentral.com/'>www.comedycentral.com</a></td></tr><tr valign='middle'><td style='padding:0px;' colspan='2'><embed style='display:block' src='http://media.mtvnservices.com/mgid:cms:item:comedycentral.com:389347' width='512' height='288' type='application/x-shockwave-flash' wmode='window' allowFullscreen='true' flashvars='autoPlay=false' allowscriptaccess='always' allownetworking='all' bgcolor='#000000'></embed></td></tr><tr style='height:18px;' valign='middle'><td style='padding:0px;' colspan='2'><table style='margin:0px; text-align:center' cellpadding='0' cellspacing='0' width='100%' height='100%'><tr valign='middle'><td style='padding:3px; width:33%;'><a target='_blank' style='font:10px arial; color:#333; text-decoration:none;' href='http://www.comedycentral.com/'>Comedy Central</a></td><td style='padding:3px; width:33%;'><a target='_blank' style='font:10px arial; color:#333; text-decoration:none;' href='http://www.comedycentral.com/shows/index.jhtml'>Funny TV Shows</a></td><td style='padding:3px; width:33%;'><a target='_blank' style='font:10px arial; color:#333; text-decoration:none;' href='http://ccinsider.comedycentral.com/2011/07/05/comedy-central-to-roast-charlie-sheen/'>Roast of Charlie Sheen</a></td></tr></table></td></tr></tbody></table>

Re: Comedy Central

[fu]

You are on a roll -- thank you so much!

PS. I'm enjoying the videos *G*

dailymotion.com

[ninetydegrees]

<iframe frameborder="0" width="480" height="360" src="http://www.dailymotion.com/embed/video/x1knhx"></iframe><br /><a href="http://www.dailymotion.com/video/x1knhx_amy-winehouse-rehab_music" target="_blank">AMY WINEHOUSE Rehab</a> <i>par <a href="http://www.dailymotion.com/AmyWinehouse" target="_blank">AmyWinehouse</a></i>


<object width="480" height="270"><param name="movie" value="http://www.dailymotion.com/swf/video/xjhdet"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/xjhdet" width="480" height="270" wmode="transparent" allowfullscreen="true" allowscriptaccess="always"></embed></object><br /><a href="http://www.dailymotion.com/video/xjhdet_the-kills-future-starts-slow_music" target="_blank">THE KILLS "Future Starts Slow"</a> <i>par <a href="http://www.dailymotion.com/domino" target="_blank">domino</a></i>

Re: dailymotion.com

[fu]

Perfect, thank you! Should work by the next code push.

[fulminata]

I'm not sure there is an embed code for Plurk. I was looking around the site, and it seems as though they accept embed codes from other sites.

From their FAQ:

When you plurk a web address that ends with .gif, .jpg or .png (for example: http://photobucket.com/image/cat/erinstevens34/cat.jpg), Plurk automatically generates a thumbnail image for you. The same happens when you plurk with Youtube's embed url, such as: http://youtube.com/watch?v=oHg5SJYRHA0

I think Twitter is the same in this regard. I know if you are using a desktop client (such as TweetDeck) and someone links to a YouTube video, then said video pops up in the client & you can either view it there or in your browser.

I just don't think there are specific embed codes for them.

[fu]

Yeah, hmm. I suspect there was an issue of crossed wires there somehow. Thank you :)

Google Maps

[andrewducker]

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Heatherstone+Way,+Mountain+View,+CA,+United+States&aq=0&sll=37.378535,-122.086585&sspn=0.100534,0.222988&vpsrc=0&ie=UTF8&hq=&hnear=Heatherstone+Way,+Mountain+View,+Santa+Clara,+California+94040&z=14&ll=37.369346,-122.063731&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Heatherstone+Way,+Mountain+View,+CA,+United+States&aq=0&sll=37.378535,-122.086585&sspn=0.100534,0.222988&vpsrc=0&ie=UTF8&hq=&hnear=Heatherstone+Way,+Mountain+View,+Santa+Clara,+California+94040&z=14&ll=37.369346,-122.063731" style="color:#0000FF;text-align:left">View Larger Map</a></small>

(That's the complete code it gives you, which is obviously the iframe followed by the link.)

Re: Google Maps

[fu]

in, and that'll work by next code push!