"Video Box" : Multimedia : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > Video Box

1 2 3 4Next

Mottie (SuperAdmin)

6/13/2008 10:56 AM EST : Video Box

ACK!

Posts: 3873

0
Like

0
Dislike

How to add a video box

GuildPortal admin site link to original post

Do you have a web site that has 10 youtube videos on the front page? Well here's a way to still have all the videos you want (and more), but with little clutter

Just add the content below, preferably into a center column.

Content Box

Free Form Text/HTML" (How to add HTML)

<script type="text/javascript">
function setVideoBox(videonm) {
if (videonm == "blank") {
var a = " ";
} else {
var a = videonm;
}
document.getElementById('videoBox').innerHTML = a;
}
</script>
<div style="text-align:center"><select onchange="setVideoBox(this.value)">
<option value="blank">Select a video</option>

<option value='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/kwSFSkJvwZ4&hl=en"></param><embed src="http://www.youtube.com/v/kwSFSkJvwZ4&hl=en" type="application/x-shockwave-flash" width="425" height="344"></embed></object>'>
Mah Na Mah Na
</option>

<option value='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/4wGR4-SeuJ0&hl=en"></param><embed src="http://www.youtube.com/v/4wGR4-SeuJ0&hl=en" type="application/x-shockwave-flash" width="425" height="344"></embed></object>'>
Chad Vader - Day Shift Manager (episode 1)
</option>

<option value='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/grCTXGW3sxQ&hl=en"></param><embed src="http://www.youtube.com/v/grCTXGW3sxQ&hl=en" type="application/x-shockwave-flash" width="425" height="344"></embed></object>'>
The Guild - Episode 1
</option>



</select></div>
<br><br>
<div id="videoBox" style="text-align:center; height:344px;"></div>

To customize this for your site:

First, delete all the code in green above (unless you like my three video choices LOL)

Copy (CTRL-C) the code that is blue and red and paste it (CTRL-V) where the green text is for each video you want to add.
Find your favorite youtube videos
Copy (CTRL-C) the code from youtube to embed the video on your page (I drew a red box around it in the image below).
Now replace the text {insert embeded video link here} above with this embed code by highlighting the red text and pasting it (CTRL-V).

** NOTE: it is VERY important to leave the single quotes surronding this embed code!
Replace {Name of the video here} with the name of the video.
Repeat the above steps as many times as you want.

You can see this video box in action in my Roster tab here.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Mottie (SuperAdmin)

8/6/2008 5:41 PM EST : RE: Video Box

ACK!

Posts: 3873

0
Like

0
Dislike

Video Box (type 2)

Here is another way to add a video box. It may be a little cleaner than the method above, but I can't call it version 2, because it uses the built-in pop-up window.

This is what it looks like (click on a link below)

Azerothian Super Villians

Episode 1
Episode 2

The Code ( from the example above)

<a rel="facebox" href="#video1">Episode 1</a>
<div style="display: none;"><div id="video1" align="center">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/u2WG-9wocwM&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/u2WG-9wocwM&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></object>
</div></div>

<a rel="facebox" href="#video2">Episode 2</a>
<div style="display: none;"><div id="video2" align="center">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gCq6xhqLA88&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/gCq6xhqLA88&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"></object>
</div></div>

Customizing the code

A blank block of code would look like this:

<a rel="facebox" href="#video1">VIDEO TITLE</a>
<div style="display: none;"><div id="video1" align="center">
<VIDEO EMBED CODE>
</div></div>

The text in blue is the ID to the block of code, the link must have a "#" sign in front (#video1), and the rest of the div id MUST match (video1) or it won't work. When you add the next link, change the div id, in the example above I just made it video2.
Replace the green text with the title of the video
Replace the orange text with the Embed code from whatever video site you choose: YouTube, Veoh, etc.

Styling the popup box

See this post about changing the style of the box, styles inside and dimming the area outside the box

Edit (10/4/2009): Added video2 example above.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Mottie (SuperAdmin)

9/25/2008 9:50 AM EST : Video Box v3

ACK!

Posts: 3873

0
Like

0
Dislike

Video box v3

I know I skipped a version number since I called the last post (type 2), but I didn't want to confuse people... or maybe I just made it worse o.O. Anyway, this version of the video box does two new things. (1) Videos are grouped and can be selected from a drop down menu. (2) You can change the video size on the fly.

Content Box

<style>
#videoContainer, #videoContainer select { background:#000; color:#fff; }
#videoBox { background:#222; text-align:center; min-height:344px; }
</style>
<script type="text/javascript">
var videoWidth = "425";
var videoHeight = "344";
function setsize (multiplier) {
var z = parseFloat(multiplier);
var x = Math.floor(425*z);
var y = Math.floor(344*z);
videoWidth = x;
videoHeight = y;
try {
document.getElementById('videoBox').height = y;
document.getElementById('vb1').height = y;
document.getElementById('vb1').width = x;
document.getElementById('vb2').height = y;
document.getElementById('vb2').width = x;
} catch (err) {}
}
function setSecondSelect (boxnm) {
if (boxnm == "blank") {
     var a = '<select><option value="blank" selected="selected"><- select</option></select>';
} else {
     var x = document.getElementById(boxnm).innerHTML;
   var a = '<select onchange="setVideoBox(this.value)"><option value="blank" selected="selected">';
   a += 'Select a video</option>';
   a += x.substring(4,x.length-3);
   a += '</select>';
}
document.getElementById('box2').innerHTML = a;
setVideoBox("blank");
}
function setVideoBox(videonm) {
if (videonm == "blank") {
var a = " ";
} else {
if (videonm.match("youtube.com/watch")) {
   var x = 'http://www.youtube.com/v/' + gup('v',videonm);
} else {
   var x = videonm
}
var a = '<object id="vb1" width="'+ videoWidth + '" height="'+ videoHeight + '"><param name="movie" value="';
a += x + '"></param><em' + 'bed id="vb2" src="' + x;
a += '" type="application/x-shockwave-flash" width="'+ videoWidth + '" height="'+ videoHeight;
a += '"></embed></object>';
}
document.getElementById('videoBox').innerHTML = a;
}
function gup(name, myString) {
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( myString );
if( results == null )
return "";
else
return results[1];
}
</script>
<div id="videoContainer" style="text-align:center">
<select onchange="setsize(this.value)">
<option value="1" selected="selected">1x</option>
<option value="1.25">1.25x</option>
<option value="1.5">1.5x</option>
<option value="1.75">1.75x</option>
<option value="2">2x</option>
</select>

<select onchange="setSecondSelect(this.value)">
<option value="blank" selected="selected">Select a group</option>

<option value="group1">The Guild</option>
<option value="group2">Muppets</option>
<option value="group3">Chad Vader</option>
<option value="group4">Music Videos</option>
</select>

<span id="box2"><select><option><- select</option></select></span>

<div id="group1"></div>

<div id="group2"></div>

<div id="group3"></div>

<div id="group4"></div>

</div>
<br>
<div id="videoBox"></div>

Customizing

Setting up Groups

To add a new group, you'll need to first add it to the group selector box - it looks like this:

<option value="group1">The Guild</option>
<option value="group2">Muppets</option>
<option value="group3">Chad Vader</option>
<option value="group4">Music Videos</option>

Add this for a new group:

<option value="group#">GROUP NAME</option>

Now replace the "group#" with the next number and the text in green with the group name.
Now you'll need to add the group's box:

<div id="group#"></div>

Make sure the group# matches the number in the selector box

Replace the URL in orange with the video's URL (*Note* read the "Video URL" section below before adding the URL)

Replace the text in purple with your Video's title
If you want to change the displayed text from "Select a group", "Select a video" or "<- select". I highlighted the text in teal so you can find it easier. *Note* < is the HTML code for the left bracket "<".

Video URL

YouTube: The script above is set up to allow you to add the basic YouTube URL. It looks like this:

http://www.youtube.com/watch?v=1Xq_fG2-tdI&fmt=
DailyMotion & Other video sites: You'll need to find the URL to the video from the <embed> source. I pasted the an example below, you'll need to find "<embed src=" and copy the URL that follows

<div><object width="420" height="306"><param name="movie" value="http://www.dailymotion.com/swf/k6PSPCTi8oJ9pUKUV&related=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/k6PSPCTi8oJ9pUKUV&related=1" type="application/x-shockwave-flash" width="420" height="306" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x3v5t_tunak-tunak-tunlyricsparoles_fun">Tunak Tunak Tun+Lyrics+Paroles</a></b><br /><i>Uploaded by <a href="http://www.dailymotion.com/astre">astre</a></i></div>

then you can paste that URL into the video box... sorry I wish I could make an easier way to do this.
Gamers Tube videos require something a little different for this to work. First off, change the double quotes in the <option> tag to single quotes:

<option value='VIDEO #1 URL'>VIDEO #1 TITLE</option>

Then get the <embed> source code from the site, like I pasted below. This time you'll need to copy everything in orange into the option value, notice that it includes the "FlashVars" variable and some quotes, which is why you needed to replace the quotes in the option tag above.

<embed src="http://www.gamerstube.com/videoplayer.swf" FlashVars="config=http://www.gamerstube.com/flvplayerembed.php?viewkey=df0f91258632682d0ae9" quality="high" bgcolor="#000000" width="450" height="315" name="flvplayer" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowFullScreen="true"/><br>watch more <a href="http://www.gamerstube.com">Game Trailers and Videos</a>

So the complete video option looks like this:

<option value='http://www.gamerstube.com/videoplayer.swf" FlashVars="config=http://www.gamerstube.com/flvplayerembed.php?viewkey=df0f91258632682d0ae9'>AvCom Tutorial</option>

I've updated the video box that's in my Roster tab, so you can see it in action! Enjoy!

Edited (10/24/2008): Fixed the code to prevent GuildPortal's editor from changing it when editing.
Edited (1/12/2009): Added how to use the embed code from Gamers Tube into the video box.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Kahurin (Applicant)

10/23/2008 9:58 PM EST : RE: Video Box v3

Posts: 70

0
Like

0
Dislike

I just wanted to let you know Guild portal changes your code when you go back and edit it. Basicly if you first open up the HTML free form box to add the code it works fine. But if you go back and want to add a new video to the code it changes some of the coding.

I think this happens when you open the box again to edit it and have it up to the first box the pencil one. It must change it then. I copied your code and the code after opening it again to edit to Note pad and they were different in a couple places.

Sorry if that sounds like rambling

•

Mottie (SuperAdmin)

10/24/2008 5:28 AM EST : RE: Video Box v3

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Yeah I just noticed that! Thanks!! I even found the line that cased the problem: Messed up Line a += x + '"></param><img isflash="true" id="vb2" src="' + x; Correct Line a += x + '"></param><embed id="vb2" src="' + x; Fixed Line (changed in the original as well) a += x + '"></param><em' + 'bed id="vb2" src="' + x; Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Sri Shaman (Applicant)

10/4/2009 12:28 AM EST : RE: Video Box v3

Posts: 135

0
Like

0
Dislike

Maybe I am just REALLY tired but I keep screwing something up here and I need help. I am listing 10-Man strategy videos on one of my Guild's pages and all I want is the links to show and when clicked on, have the popup box bring up the video.
Well here's the link to my page: http://entity.guildportal.com/Guild.aspx?GuildID=281448&TabID=2779335

As you can see some of them listed fine and some of them listed fine, BUT are also showing the video. I've looked over my code but can't figure out why some are doing that.

here -

<a rel="facebox" href="#video1">Ulduar: Freya</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/mc2ZOf3CkKA&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/mc2ZOf3CkKA&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Mimiron</a>
<div style="display: none;"><div id="video1" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/ZjecQKcGuD4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/ZjecQKcGuD4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Ignis</a>
<div style="display: none;"><div id="video1" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/Hp50gUCAqwc&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/Hp50gUCAqwc&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Razorscale</a>
<div style="display: none;"><div id="video1" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/p21xBLPTuUU&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/p21xBLPTuUU&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: XT-002</a>
<div style="display: none;"><div id="video1" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/BHcFWPUBpr4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/BHcFWPUBpr4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Auriaya</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/j21Fa6gpSug&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/j21Fa6gpSug&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Iron Council</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/vBPyfOnf18g&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/vBPyfOnf18g&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar:Yogg-Sarron</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/SFyaloBG7SI&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/SFyaloBG7SI&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar:Kologarn</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/PSkUlEvZdww&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/PSkUlEvZdww&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: General Vezax</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/XtuX42laVLw&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/XtuX42laVLw&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video1">Ulduar: Thorim</a>
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/o4__jtI--N0&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/o4__jtI--N0&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>

•

Mottie (SuperAdmin)

10/4/2009 10:37 AM EST : RE: Video Box v3

ACK!

Posts: 3873

0
Like

0
Dislike

Hi Sri Shaman!

If you look at your code, it doesn't quite match the Video Box two template... what was going on was that the code was missing this line that ID's and hides each video

<div style="display: none;"><div id="video1" align="center">

and, the video1 is a unique ID for each video, so it has to be different for each one.. I haven't tested it, but the updated code is below:

<a rel="facebox" href="#video1">Ulduar: Freya</a>
<div style="display: none;"><div id="video1" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/mc2ZOf3CkKA&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/mc2ZOf3CkKA&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video2">Ulduar: Mimiron</a>
<div style="display: none;"><div id="video2" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/ZjecQKcGuD4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/ZjecQKcGuD4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video3">Ulduar: Ignis</a>
<div style="display: none;"><div id="video3" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/Hp50gUCAqwc&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/Hp50gUCAqwc&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video4">Ulduar: Razorscale</a>
<div style="display: none;"><div id="video4" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/p21xBLPTuUU&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/p21xBLPTuUU&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video5">Ulduar: XT-002</a>
<div style="display: none;"><div id="video5" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/BHcFWPUBpr4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/BHcFWPUBpr4&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video6">Ulduar: Auriaya</a>
<div style="display: none;"><div id="video6" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/j21Fa6gpSug&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/j21Fa6gpSug&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video7">Ulduar: Iron Council</a>
<div style="display: none;"><div id="video7" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/vBPyfOnf18g&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/vBPyfOnf18g&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video8">Ulduar:Yogg-Sarron</a>
<div style="display: none;"><div id="video8" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/SFyaloBG7SI&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/SFyaloBG7SI&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video9">Ulduar:Kologarn</a>
<div style="display: none;"><div id="video9" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/PSkUlEvZdww&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/PSkUlEvZdww&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video10">Ulduar: General Vezax</a>
<div style="display: none;"><div id="video10" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/XtuX42laVLw&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/XtuX42laVLw&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>
<br><br>
<a rel="facebox" href="#video11">Ulduar: Thorim</a>
<div style="display: none;"><div id="video11" align="center">
<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/o4__jtI--N0&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/o4__jtI--N0&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="853" height="505"></embed></object>
</div></div>

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Sri Shaman (Applicant)

10/4/2009 1:42 PM EST : RE: Video Box v3

Sri Shaman Posts: 135 0 Like 0 Dislike	Oooh, duh. Hehe. I'll give it a try.
•

LG58 (Applicant)

10/30/2009 12:40 PM EST : RE: Video Box v3

LG58 Posts: 44 0 Like 0 Dislike	Hey Mottie, I got your Video Box v3 working in my site, but having a problem adding a video from Xfire which I found out use alot of BBCode?? Whats the difference and how would I convert it into HTML so could make it work in Video Box ?? Thx LG
•

Mottie (SuperAdmin)

10/30/2009 1:00 PM EST : RE: Video Box v3

ACK!

Posts: 3873

0
Like

0
Dislike

Hi LG58!

You just need the embed code from xfire, something like this:

<object width="640" height="505"><param name="allowScriptAccess" value="always" /><param name="flashvars" value="autoPlay=true&channel=xfire_rgostic&embed=true" /><embed src="http://media.xfire.com/swf/livevideoplayer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505" flashvars="autoPlay=true&channel=xfire_rgostic&embed=true"></embed></object>

Just follow the examples above on how to add this to the video box.

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

1 2 3 4Next

Key

	New posts		No new posts
	New posts ( popular )		No new posts ( popular )
	New posts ( sticky )		No new posts ( sticky )
	New posts ( locked )		No new posts ( locked )

How to add a video box

Content Box

To customize this for your site:

Video box v3

Content Box

Customizing

%title%