Blog, PHP, WordPress, WordPress Plugins, WordPress Shortcode

Embed uStream Video With PHP or WordPress Shortcode

Ustream is a company that provides video streaming services to more than 80 million viewers and broadcasters. Founded in 2007, it's now one of the most frequented websites for live or streaming video. This post will show you how to render responsive uStream videos into your WordPress post or page with shortcode. There's a PHP function for use outside of WordPress.

The Result

Shortcode of [ustream v="40478440"] (just the video ID), [ustream v="https://www.ustream.tv/recorded/40478440"] (the video ULR), or the actual embed URL of [ustream v="https://www.ustream.tv/embed/recorded/40478440"], all render the following into your WordPress website.

Shortcode Attributes

As stated, v is virtually any URL that references a particular video. It's best to use just the video ID since we strip all other characters from the URL string (regardless of how it's formatted) before rebuilding it.

width

The width in the shortcode function should be adjusted so that the video container fits nicely into the content area of your own website.

height

The height will automatically be scaled based on the width. The option to define the height for each video remains.

color

The color of the player controls can be set to red, green, pink, orange, or left blank (which renders the default uStream blue). These colors match up with the options available if you were to directly copy the messy embed code. Use like ustream v="40478440" color="red".

Copying embed code with color options. The long way...

WordPress Shortcode

Copy and paste the WordPress function into your theme's functions.php file or, if you sensibly have one installed, your custom functions plugin. You may optionally download and install our plugin from the bottom of of the page.

<?php

Embed uStream Video With PHP or WordPress Shortcode

http://www.beliefmedia.com/ustream-wordpress

Permitted colors are red, green, pink & orange, or left blank for blue (default)

function beliefmedia_ustream_video($atts) {

extract(shortcode_atts(array(

'v' => '',

'width' => '560',

'height' => '',

'color' => ''

), $atts));

/* If no height is defined... */

if (!$height) $height = round($width / 1.58);

/* Whether embed or video URL, we'll get video ID */

if (strpos($v,'http') !== false) {

$id = substr($v, strrpos($v, '/') + 1);

$v = trim($id);

}

/* Color html for embed code */

switch ($color) {

case "red":

$c = 'ff3d23';

break;

case "green":

$c = '85a901';

break;

case "pink":

$c = 'e166b7';

break;

case "orange":

$c = 'ff720a';

break;

}

$style = '

.embed-container {

position: relative;

padding-bottom: ' . round(($height / $width) * 100) . '%;

height: 0;

overflow: hidden;

max-width: ' . $width . 'px;

margin: 0px auto;

}

.embed-container iframe {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

padding-bottom: 0;

}</style>

/* Build iframe */

$return .= '<iframe width="' . $width . '" height="' . $height . '" src="https://www.ustream.tv/embed/recorded/' . $v . '?';

if ($color) $return .= 'ub=' . $c . '&lc=' . $c . '&oc=ffffff&uc=ffffff&';

$return .= 'v=3&wmode=direct" scrolling="no" frameborder="0"></iframe>';

/* Responsive iframe */

return '<div>' . $style . '<div class="embed-container">' . $return . '</div>

</div>';

}

add_shortcode('ustream', 'beliefmedia_ustream_video');

If you require shortcode to work in a sidebar widget, you'll have to enable the functionality with a filter. If you're using our custom functions plugin, you'll have that feature enabled by default.

Download

Title: Embed uStream Video in WordPress (WordPress Plugin)
Description: Embed responsive uStream videos in WordPress with shortcode.
Download • Version 0.2, 1.9K, zip, Category: WordPress Plugins (General)
WordPress Shortcodes, (1.0K)

Download our 650-page guide on Finance Marketing. We'll show you exactly how we generate Billions in volume for our clients.