Embedding Videos

From TreetWiki

If you maintain a blog or other website and want to include a Treet video on your site, you can embed the Treet video player easily. See Benefits of Treet Player.

The easiest way to get the embed code for a video is to:

• Go to the video on our website.
• Use the right-click menu option "Copy Embed Code to Clipboard" to place the embed code on your computer's clipboard.
• Paste the embed code into an HTML page or a system like Wordpress which allows you to enter HTML code directly.

The player should then appear. (You can try this using our Sample Embedded Player if you want.)

For Wordpress users, Matt has put together some screenshots of how to embed using Wordpress.... WordPress Embedding. If you want to embed Treet videos in a Wordpress.com-hosted blog, however, you need to do it differently, for example using VodPod. Here are some tips on Wordpress.com Embedding. You can embed videos in Avatars Unlimited too. There are some tips in Avatars Unlimited Embedding.

You can also create the embed code yourself directly using the instructions and code below. The code has two parts to it:

• the <object> part, mainly recognized by Internet Explorer
• the <embed> part, mainly recognized by other browsers like Firefox and Safari

You will also need two additional bits of information:

• The "Treet ID" associated with the video (see Video Filenames).
• The height and width you want to use for embedding.

In the example below, we are using a Treet ID for the Dirtfield Racing show, episode 87, July 19, 2009. The ID is "dirtfield_087_19jul09". The height is 384 and the width is 640. These are the values we use for large embedded players on our website.

Note that you can use any height and width you want so long as the aspect ratio is 16:9, and of course the Treet ID you use is based upon the show you want to embed.

Here is the example:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="294">
  <param name="movie" value="http://api.treet.tv/ttvplayer/release/ttvplayer-generic.swf"></param>
  <param name="allowfullscreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <param name="flashvars" value="config=http%3A//api.treet.tv/ttvplayer/api%3Fop%3Dpcfg%26v%3Ddirtfield_087_19jul09"></param>
  <embed type="application/x-shockwave-flash" width="480" height="294"
     src="http://api.treet.tv/ttvplayer/release/ttvplayer-generic.swf" allowfullscreen="true" allowscriptaccess="always"
     flashvars="config=http%3A//api.treet.tv/ttvplayer/api%3Fop%3Dpcfg%26v%3Ddirtfield_087_19jul09"></embed>
</object>