Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670

Warning: preg_match_all(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 665

Warning: Invalid argument supplied for foreach() in /home/treetwik/public_html/includes/MagicWord.php on line 666

Warning: preg_replace(): Compilation failed: group name must start with a non-digit at offset 4 in /home/treetwik/public_html/includes/MagicWord.php on line 670
Embedding Videos - TreetWiki

Embedding Videos

From TreetWiki

Jump to: navigation, search
(moved Embedding Videos to Embedding Videos using Quicktime: Now obsolete with new player)
-
#REDIRECT [[Embedding Videos using Quicktime]]
+
<div style="width:24em;padding:1em 2em;margin:2em 3em 2em 3em;background-color:navajowhite;border-style:dotted;float:right;">
 +
'''Note'''<br />
 +
This page describes embedding the new Treet Flash-based video player which was released in September of 2009.  It is the "new" and best way to embed Treet videos.  Older videos on the archive site were embedding using the Quicktime player.  While obsolete, it is still possible to use Quicktime embedding for our videos.  See [[Embedding Videos using Quicktime]].
 +
</div>
 +
 
 +
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.
 +
 
 +
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.)
 +
 
 +
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:
 +
 
 +
<pre>
 +
<object id="treetplayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="384">
 +
<param name="allowfullscreen" value="true"/>
 +
<param name="allowscriptaccess" value="always"/>
 +
<param name="movie" value="http://api.treet.tv/ttvplayer/release/ttvplayer-generic.swf"/>
 +
<param name="flashvars"
 +
  value='config=http://api.treet.tv/ttvplayer/api%3Fop=pcfg%26v=dirtfield_087_19jul09'/>
 +
<embed type="application/x-shockwave-flash" width="640" height="384"
 +
  src="http://api.treet.tv/ttvplayer/release/ttvplayer-generic.swf"
 +
  allowfullscreen="true" allowscriptaccess="always"
 +
  flashvars='config=http://api.treet.tv/ttvplayer/api%3Fop=pcfg%26v=dirtfield_087_19jul09'/>
 +
</object>
 +
</pre>

Revision as of 01:20, 12 September 2009

Personal tools