Get Help

Embedding Ustream Shows on Facebook Fan Pages

View step by step tutorials and workshops so you can learn how to use every feature on Ustream or make the most of your Ustreaming experience!

Embedding Ustream Shows on Facebook Fan Pages

Postby SnowPhoenix9999 » Sat Feb 19, 2011 10:46 pm

The following tutorial was written by community member Harley:

Copy the embed code from your show player on ustream.tv
Paste the code into Notepad, TextEdit or your preferred text-editor.
Find the line starting with "embed".
Copy the text between the quotes in flashvars="cid=1881569&autoplay=false"
Change the "&" to an ampersand "&".
Add the remaining text to the end of this:
Code: Select all
http://www.ustream.tv/flash/viewer.swf?

You should now have a URL looking something like:
Code: Select all
http://www.ustream.tv/flash/viewer.swf?cid=1881569&autoplay=false

Click on that URL and copy the new URL from your browser's navigation bar.

Edit the below code with that URL you recived, and keep this safe we
will be using it later.

Code: Select all
<fb:swf
swfbgcolor="000000"
swfsrc="PASTE_URL_HERE" width="650" height="500" wmode="transparent"
type="application/x-shockwave-flash'
imgsrc='http://cdn.omnitrix.org/data/images/ustream.jpg'
width='480' height='296' waitforclick='false' />


Now go to your Facebook Fan page and click on the "Edit Info" below your Title.
Image
Click on the Apps
You should see a suggestion for "Static FBML", if so, click on "Go to
App" below it and skip the next few steps for finding it.
If you do not see it:
    Click on "Browse more applications" at the bottom of the page.
    Search for "Static FBML"
    Click on the App's name
    Click "Add To My Page" below the Profile Image.
    Go back to your Apps page and click "Go to App" below it's name.
In the "Box Title" field, you can enter a name for the player's page.
This can be like "Player" or "Live Show".
In the FBML box you will need to paste the code we generated at the start.
Image
Then click Save Changes and you're done!

Sources:
http://www.w3schools.com/TAGS/tag_iframe.asp
http://developers.facebook.com/docs/ref ... ml/iframe/
http://www.ustream.tv/forum/showthread. ... ith-fb-swf
SnowPhoenix9999
Team Leader
Team Leader
 
Posts: 92
Joined: Fri May 14, 2010 11:47 am

Sponsored Links

Postby Sponsored Links » Fri Aug 27, 2004 12:01 am


Sponsored Links
VP of Marketing
 
Posts: 10100
Joined: Fri Aug 27, 2004 12:01 am
Location: Mountain View, CA

Return to Tutorials and Workshops

Who is online

Users browsing this forum: No registered users and 5 guests