Maxcast - Embed samples and help

Embedded Player Frequently Asked Questions

How do I put a Maxcast channel or video on my own page?

Embed channel example:

<html>
<body>
<iframe id='view_player' name='view_player' src='http://www.maxcast.com/welcome?full'
 style='overflow:hidden; width:480px; height:480px;' frameborder=0>
</iframe>
</body>
</html>

Embed video example:

<html>
<body>
<iframe id='view_player' name='view_player' src='http://www.maxcast.com/welcome?full&videoID=3225'
 style='overflow:hidden; width:480px; height:480px;' frameborder=0>
</iframe>
</body>
</html>

For a full list of links to use, click here.

How do I change the background color of the embedded player?

Add the parameter "bgcolor" to the url in the iframe.

Example using a white background (text value):

<iframe id='view_player' name='view_player' src='http://www.maxcast.com/mychannel?full&bgcolor=white'
style='overflow:hidden; width:480px; height:480px;' frameborder=0></iframe>

Example using a light blue background (hex value):

<iframe id='view_player' name='view_player' src='http://www.maxcast.com/mychannel?full&bgcolor=%2393B9DD'
style='overflow:hidden; width:480px; height:480px;' frameborder=0></iframe>

Why is the channel list not showing when I click a link to a different channel from the channel on my site that has an embedded player?

When you embed the player on a page, it stores information in the browser session to extend the player to fill the area of the page. When you click a link to go to a Maxcast channel, it still has the session information, so it extends the player to fill the page, thus covering up the channel information. You can remove the session information by adding a question mark to the end of the URL link to your channel. For example, if your channel is called "mychannel", then your link would look something like this:

<a href="http://www.maxcast.com/mychannel">My Channel</a>

Change this to be:

<a href="http://www.maxcast.com/mychannel?">My Channel</a>

How do I set the width and height of the player?

The values are in pixels, so you just change the "width:" or "height:" values. You can also go to here and enter the values for the width and height and then click the "Set Size" button. When you copy the embed code to your page, it will have the width and height set with the values you entered. For example, if I want a width of 400 and a height of 350, the embed link would look like this:

<iframe id='view_player' name='view_player' src='http://www.maxcast.com/mychannel?full&videoID=1054' 
style='overflow:hidden; width:400px; height:350px;' frameborder=0></iframe>

What does the "Channel Unavailable" message mean?

Either the channel no longer exists on Maxcast or there are no viewing minutes available for this channel. A channel owner may either prohibit viewing after the monthly minutes have been used or elect to be automatically billed for additional minutes.

How do I change the player color?

In the Channel Editor on Maxcast you can select the channel color. When you copy the embed code it will use the color currently selected for the channel.

How do I position the embedded player on a page?

You can put the embed code wherever you want it within the <body> of the page. You can place it in a <div> or a <table> to make it easier to position it.

Why do the buttons wrap beneath the player?

The width of the player must be large enough to fit the buttons. The minimum width is 351 pixels and the minimum height is 301 pixels. If you size the player smaller than the minimum width or height, the controls either disappear or scrollbars appear or the text and buttons get misaligned.

Can I have more than one player on a page?

Yes.

Why am I getting the error "Operation Aborted"?

Either you have an error on the page or network slowness caused the page to load incorrectly. Try refreshing the page or closing the browser and going back to the page. You should not use the script embedding in the <head> section of the page because it might also cause this error.

How can I control whether or not the video automatically starts playing when the page with the embedded player is first loaded?

The video is "paused" when the player first loads because of a setting in your account. If you want it to auto play, go into the channel editor dialog and toggle off "Pause the player when the page loads."

How can I switch channels on the same page without reloading the entire page?

You can use a script code to change the location pointed to by the Iframe.
For example:

<html>
<body>
<iframe id='view_player' name='view_player' scrolling='no' frameborder=0
 src='http://www.maxcast.com/mychannel1?full' style='overflow:hidden; width:400px; height:350px;'>
</iframe>
<a href="javascript:void changeToChannel('mychannel1')">My Channel 1</a>
<a href="javascript:void changeToChannel('mychannel2')">My Channel 2</a>
<script type="text/javascript">
function changeToChannel(newChannel)
{
    document.getElementById('view_player').src = 'http://www.maxcast.com/' + newChannel + '?full'
}
</script>
</body>
</html>

How can I create a playlist to switch videos on the player?

You can use the script code provided on the links page to create a playlist which can be used to change the location pointed to by the Iframe.
For example:

<html>
<body>
<iframe id='view_player' name='view_player' scrolling='no' frameborder=0
 src='http://www.maxcast.com/mychannel?full&bgcolor=white' style='overflow:hidden; width:400px; height:350px;'>
</iframe>
<script type="text/javascript"
 src="http://www.maxcast.com/cms/nsmaxcast/services/byplaylist/mychannel.js?full&bgcolor=white"></script>
</body>
</html>

How can I style the generated playlist?

You can use a style tag on your page to reference the classes of the video titles or rows generated.
Each generated video titles in the playlist has a 'playlist' class.
Each generated playlist row has either a class of 'playlist_row_odd' if it is an odd numbered row or of 'playlist_row_even' if it is an even numbered row.
For example:

<html>
<body>
<iframe id='view_player' name='view_player' scrolling='no' frameborder=0
 src='http://www.maxcast.com/mychannel?full' style='overflow:hidden; width:400px; height:350px;'>
</iframe>
<table>
<tr id="video_row_1" class="playlist_row_odd"><td>
<div id="video_1234" class="playlist" title="Description of video 1"
  style="overflow: hidden; width: 240px; height: 22px; white-space: nowrap;">
<a href="#" onclick="document.getElementById('view_player').src=
 'http://www.maxcast.com/mychannel?full&videoID=1234'">
Title of video 1
</a></div></td></tr>
<tr id="video_row_2" class="playlist_row_even"><td>
<div id="video_5432" class="playlist" title="Description of video 2"
  style="overflow: hidden; width: 240px; height: 22px; white-space: nowrap;">
<a href="#" onclick="document.getElementById('view_player').src=
 'http://www.maxcast.com/mychannel?full&videoID=5432'">
Title of video 2
</a></div></td></tr>
</table>
<style>
.playlist_row_even
{
	background-color:gray;
}
.playlist_row_odd
{
	background-color:white;
}
.playlist a:link
{
	color:red;
}
</style>
</body>
</html>