GetConfig(); // get and set the smarty parameters $movie = $params['movie']; $playlist = $params['playlist']; $url = $params['url']; $width = isset($params['width']) ? $params['width']:425; $height = isset($params['height']) ? $params['height']:355; $lang = isset($params['lang']) ? '&hl='.$params['lang']:''; $c1 = $params['color1']; $c2 = $params['color2']; $class = isset($params['class']) ? 'class="'.$params['class'].'" ':''; $id = isset($params['id']) ? 'id="'.$params['id'].'" ':''; $border = $params['border']; $related = $params['related']; $fullscreen = isset($params['fullscreen']) ? $params['fullscreen']:1; $script = isset($params['allowscript']) ? $params['allowscript']:1; $wmode = isset($params['wmode']) ? $params['wmode']:1; $showtitle = isset($params['showtitle']) ? $params['showtitle']:0; $by = isset($params['showby']) ? $params['showby']:0; $playermode = isset($params['playermode']) ? $params['playermode']:''; $autoplay = isset($params['autoplay']) ? $params['autoplay']:''; $start = isset($params['start']) ? $params['start']:''; $loop = isset($params['loop']) ? $params['loop']:0; $share = isset($params['share']) ? $params['share']:0; // Common Embed Parameters if ($wmode == 1) $wmode = "\n"; if ($fullscreen == 1) $fsparam = "\n"; if ($script == 1) $script = "\n"; // Stream Source Embed URL if (!isset($url)) { if (isset($movie) || isset($playlist)) { switch($params['src']) { case 'dailymotion': // Dailymotion Player $url = 'http://www.dailymotion.com/swf/video/'.$movie; break; case 'google': // Google Player if ($fullscreen != 1) $fs = 'false'; else $fs = 'true'; if ($playermode) $pm = '&playerMode='.$playermode; if ($autoplay == 1) $autoplay = '&autoPlay=true'; else $autoplay = ''; if ($loop == 1) $loop = '&loop=true'; else $loop = ''; if ($share == 1) $share = '&showShareButtons=true'; else $share = ''; $url = 'http://video.google.com/googleplayer.swf?docid='.$movie.'&hl='.$lang.'&fs='.$fs.$pm.$autoplay.$loop.$share; break; case 'metacafe': // Metacafe Player $url = 'http://www.metacafe.com/fplayer/'.$movie.'/movie.swf'; break; case 'myspace': // Myspace Player if ($autoplay == 1) $autoplay = ',ap=1'; else $autoplay = ''; $url = 'http://mediaservices.myspace.com/services/media/embed.aspx/m='.$movie.',t=1,mt=video,searchID=,primarycolor='.$c1.',secondarycolor='.$c2.$autoplay; break; case 'vimeo': // Vimeo Player if ($fullscreen != 1) $fs = 0; else $fs = 1; if ($by != 1) $by = 0; if ($c1) $c1 = '&color='.$c1; $url = 'http://vimeo.com/moogaloop.swf?clip_id='.$movie.'&server=vimeo.com&show_title='.$showtitle.'&show_byline='.$by.'&'.$c1.'&fullscreen='.$fs; break; default: // YouTube Player if (!$lang) $lang = 'hl=en_US'; if ($c1) $c1 = '&color1=0x'.$c1; if ($c2) $c2 = '&color2=0x'.$c2; if ($autoplay && $autoplay == 1) $autoplay = '&autoplay=1'; if ($start) $start = '&start='.$start; if ($border == 1) $b = '&border=1'; elseif (!is_null($border) && $border == 0) $rel = '&border=0'; if ($related == 1) $rel = '&rel=1'; elseif (!is_null($related) && $related == 0) $rel = '&rel=0'; if ($fullscreen == 1) $fs = '&fs=1'; elseif (!is_null($fullscreen) && $fullscreen == 0) $rel = '&fs=0'; if ($playlist) { $type = 'p'; $q = '?'; $stream = $playlist; } else { $type = 'v'; $q = ''; $stream = $movie; $lang = '&'.$lang; } $url = 'http://www.youtube.com/'.$type.'/'.$stream.$q.$lang.$c1.$c2.$autoplay.$start.$b.$fs.$rel; break; } // render valid xhtml echo '

'."\n"; } else { // error echo "

Either the movie or playlist parameter must be defined in the {webvideo} tag."; if (!isset($params['src'])) echo "
\nNote: Leaving the src parameter empty will default to using YouTube as the video source."; echo "

"; } if (isset($movie) && isset($playlist)) { // error echo "

The movie and playlist parameters cannot both be defined in the same {webvideo} tag."; if (!isset($params['src'])) echo "
\nNote: Leaving the src parameter empty will default to using YouTube as the video source."; echo "

"; } } else { // render valid xhtml echo '

'."\n"; } $vars = get_defined_vars(); foreach($vars as $key=>$val) { unset($val); } } function smarty_cms_help_function_webvideo() { ?>

What does this do?

Embeds a valid xhtml streaming video player on your page. This plugin offers multiple video streaming services as well as an open url parameter that will allow you to embed any streaming media service that supports url parameters. See the url and src parameter descriptions below for more details.

How do I use it?

Just insert the tag {webvideo [parameters]} into your template or page. See the Parameters section below for more information.

Examples:

To embed a single YouTube video stream:
http://www.youtube.com/watch?v=Ax3OOnMJff8

Use the video id (shown above in red) in the movie parameter on your page:
{webvideo movie='Ax3OOnMJff8' width='480' height='385'}

Note: YouTube is the default streaming video source so there's no need to declare it in the src parameter when embedding a stream from YouTube.

To embed a single Metacafe video stream:
Use the src parameter to stream from another source:
{webvideo src='metacafe' movie='yt-BN5sYBTg4cQ'}

To embed a YouTube Playlist:
http://www.youtube.com/my_playlists?p=F8F899D238798193

Use the video id (shown above in blue) in the movie parameter on your page:
{webvideo playlist='F8F899D238798193' width='480' height='385'}

To embed a Vimeo Widget:
<object type="application/x-shockwave-flash" width="400" height="300" data="http://vimeo.com/hubnut/?user_id=user6241168&color=00adef&background=000000&fullscreen=1&slideshow=0&stream=likes&id=&server=vimeo.com"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="scale" value="showAll" /><param name="movie" value="http://vimeo.com/hubnut/?user_id=user6241168&color=00adef&background=000000&fullscreen=1&slideshow=0&stream=likes&id=&server=vimeo.com" /></object>

Copy the url (shown above in green) out of the provided embed code:
{webvideo url='http://vimeo.com/hubnut/?user_id=user6241168&color=00adef&background=000000&fullscreen=1&slideshow=0&stream=likes&id=&server=vimeo.com' width='480' height='385'}

Note: Technically, the url parameter will allow you to embed any media supported by the HTML <object> tag. This means that you aren't limited to the external streaming media services supported by the src parameter.

Parameters

The following smarty parameters are available in all video players. One of the following parameters are required in order to embed streaming media.

movie - Movie ID.
playlist - Playlist ID (Currently only supports Youtube).
url - The full url of the video stream. Overrides the movie, playlist, and any other source-specific parameters.

Formatting Parameters (Optional)

width - Width of the video player. (Default width is 425)
height - Height of the video player (Default height is 355)
fullscreen - Controls full screen viewing of movies. (Disable by changing value to '0')
scriptaccess - Controls script access. (Disable by changing value to '0')
wmode - Controls the background transparency. (Disable by changing value to '0')
class - CSS class. Use commas to separate multiple classes.
id - CSS ID.

Source-Specific Parameters (Optional)

src - The video stream provider. Each source supports different parameters. Possible values are:
- dailymotion - Source-specific parameters: none
- google - Source-specific parameters: autoplay, playermode, loop, share
- metacafe - Source-specific parameters: none
- myspace - Source-specific parameters: autoplay, color1, color2
- vimeo - Source-specific parameters: color1, showby, showtitle
- youtube (default) - Source-specific parameters: playlist, autoplay, border, color1, color2, lang, related, start
autoplay - Allows video to start upon page load (Enable by changing value to '1')
border - Add a border to the player. (Enable by changing value to '1')
color1 - Defines the primary player color as a hex value.
color2 - Defines the secondary player color as a hex value.
lang - Change the player language.
loop - Allows you to repeat the video indefinitely (Enable by changing value to '1')
playermode - Allows you to change the player skin options
- simple - Basic player version without progress bar and volume control.
- mini - Even more basic player version
- clickToPlay - Used for video ads.
- embedded - standard skin.
related - Controls the related videos feature. (Disable by changing value to '0')
share - Adds a button that will "Send link to a friend." (Enable by changing value to '1')
showby - Shows whom the movie was uploaded by. (Enable by changing value to '1')
showtitle - Shows the movie title. (Enable by changing value to '1')
start - Starts the movie at a the given number of seconds.

Release Notes

Version: 1.1, 3.8.2011
Added backwards compatibility (CMSMS versions prior to 1.9).
Added support for playlists in YouTube.
Added the url parameter.

Links

Author: Bryan Buxton <me@bryanbuxton.com>
Version: 1.1
Release Date: 3.8.2011