WordPress Gurus - How to embed video into your blog?

[Martin]

I had a script but since the WP update it doesnt work. Anybody know of a tool that can embed some vids into my blog hosted on my own server?

[MikesTraffic]

go to options, author options, uncheck "use rich text media editor" it auto edits the code if it is turned on, turn it off and your shit works

[Martin]

Originally Posted by MikesTraffic

go to options, author options, uncheck "use rich text media editor" it auto edits the code if it is turned on, turn it off and your shit works

So just plain old html code will work? Like so.
<!-- begin embedded WindowsMedia file... -->
<table border='0' cellpadding='0' align="left">
<tr><td>
<OBJECT id='mediaPlayer' width="320" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="http://servername/path/to/media.file">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='true'>
<param name='autoStart' value="true">
<param name='showControls' value="true">
<param name='loop' value="true">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
src="http://servername/path/to/media.file" autostart="true" designtimesp='5311' loop="true">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end embedded WindowsMedia file -->
<!-- begin link to launch external media player... -->
<tr><td align='center'>
<a href="http://servername/path/to/media.file" style='font-size: 85%;' target='_blank'>Launch in external player</a>
<!-- ...end link to launch external media player... -->
</td></tr>
</table>

[JeanClaude VanDamme]

http://www.viper007bond.com/wordpres...deo-quicktags/

[Martin]

Thanks^

I'll check it.

[Martin]

Originally Posted by JeanClaude VanDamme

http://www.viper007bond.com/wordpres...deo-quicktags/

I uploaded it and activated it but dont see it in the admin area.. hmmm.

[Jace]

convert them to flash and embed the super sexy flash player

http://mac-dev.net/blog/?p=3

[yys]

Originally Posted by Martin

I uploaded it and activated it but dont see it in the admin area.. hmmm.

Try putting this in your post to see if the plugin is working and your just not seeing the buttons

<div class="vvqbox vvq400 vvqyoutube"><object width="425" height="335" type="application/x-shockwave-flash" data="https://youtube.com/v/5bGtGUhhUi8">
<param name="movie" value="https://youtube.com/v/5bGtGUhhUi8" />
<param name="wmode" value="transparent" /></object></div>

[Martin]

Originally Posted by yys

Try putting this in your post to see if the plugin is working and your just not seeing the buttons

<div class="vvqbox vvq400 vvqyoutube"><object width="425" height="335" type="application/x-shockwave-flash" data="https://youtube.com/v/5bGtGUhhUi8">
<param name="movie" value="https://youtube.com/v/5bGtGUhhUi8" />
<param name="wmode" value="transparent" /></object></div>

Im not seeing the buttons.

[Martin]

Just getting a black box with that code. No buttons.

[Martin]

Originally Posted by Jace

convert them to flash and embed the super sexy flash player

http://mac-dev.net/blog/?p=3

Hey Jace know any good flash coverters?

[tenderobject]

Originally Posted by MikesTraffic

go to options, author options, uncheck "use rich text media editor" it auto edits the code if it is turned on, turn it off and your shit works

can't see this in my version 1.5.2 damn. my flv player is acting weird. still haven't got any solution since i'vused a lot of wordpress flv plugins.. right now i used the flv player from http://jeroenwijering.com/ and iframe it in my posts waaaah! maybe its in my wordpress version or any code conflict. i have had the using the nubiles flash rss feeds in one of my site with different version of wordpress and theme and it fucking works!

[Jace]

Originally Posted by Martin

Hey Jace know any good flash coverters?

I use Sorenson Squeeze for flash encoding

[SmokeyTheBear]

i can show you how to do it a very very easy way

[Martin]

Originally Posted by SmokeyTheBear

i can show you how to do it a very very easy way

Do it, Do it. ;)

[SmokeyTheBear]

this will sav you time indeed , takes a few moments to setup but once it is you wont need to setup multiplle code for diff filetypes of videos. this will cover flash or wmv or asx or anything and it wont show that stupid <click here to activate this control" in ie and you dont need to even post code . all you gotta do is surround your videos in simple bbcode type tags..

ok heres how its done.

window.onload = function(){
changeVid('div','extra');
}
function changeVid(strTag,strClass) {
	for (i=0;i<document.getElementsByTagName(strTag).length; i++) {
		if (document.getElementsByTagName(strTag).item(i).className == strClass){
kk = document.getElementsByTagName(strTag).item(i).innerHTML ;

gfyt = kk;

thid = document.getElementsByTagName(strTag).item(i).idName;

var stb1 = "stbvidw-";
var stb2 = "stbvidf-";
var stb3 = "stbvida-";
var stb4 = "-etbvid";


mpo = gfyt.search(stb1);
if(mpo != -1){
rkw = "<embed width=800 height=600 src=http://";
gfyt = replace(gfyt,stb1,rkw);
}

mpo = gfyt.search(stb2);
if(mpo != -1){
rkw = "<embed width=800 height=600 src=http://";
gfyt = replace(gfyt,stb2,rkw);
}

mpo = gfyt.search(stb3);
if(mpo != -1){
rkw = "<embed width=800 height=600 src=http://";
gfyt = replace(gfyt,stb3,rkw);
}

mpo = gfyt.search(stb4);
if(mpo != -1){
rkw = "></embed>.";
gfyt = replace(gfyt,stb4,rkw);
}

bj = document.getElementsByTagName(strTag).item(i).id;
document.getElementsByTagName(strTag).item(i).innerHTML = gfyt ;



		}
	}

}


function replace(string,text,by) {
// Replaces text with by in string
    var strLength = string.length, txtLength = text.length;
    if ((strLength == 0) || (txtLength == 0)) return string;

    var i = string.indexOf(text);
    if ((!i) && (text != string.substring(0,txtLength))) return string;
    if (i == -1) return string;

    var newstr = string.substring(0,i) + by;

    if (i+txtLength < strLength)
        newstr += replace(string.substring(i+txtLength,strLength),text,by);

    return newstr;
}

save that as video.js add a script tag in your wordpress header like
<script src='pathto/video.js'></script>

Then edit your post template to include <div class=extra> * depending on your template this may vary just try to wrap your "xtra" div inside the post wrapper

ok now all you gotta do is post your videos like this

stbvidw-brandibelle.bangbros1.com/102/vids/01.wmv-etbvid

notice A) the video url is missing the http:// dont worry about that
B) notice the video is surround by the tags stbvidw- and end with -etbvid

this is now your simple embed code. all videos will end with the same tag -etbvid , depending on the video type you can specify the embed code to use

stbvidw- for windows media like wmv
stbvids- for flash videos
stbvida- for asx files. you can add more varities and customize the setting like width and height in the js file so you dont have to do it every time.

[SmokeyTheBear]

ps heres an example http://www.wctin.com/demo view source and you will see there is no embed code nor is the video url in the js file, .

The js file pulls the url from the page then redisplays it with video wrappers

[SmokeyTheBear]

if you need help let me know and ill walk you thru install


remember once its done you no longer have to even post embed code or anything you can just post videos like this using common text

stbvidw-www.fileurl.com/movie.wmv-etbvid

the script will change that into <embed width=800 height=600 src=http://www.fileurl.com/movie.wmv></embed>

of course you can add all the tags you want to the embed code to be more fancy like autostart transparency looping volume etc

[Jace]

smokey, you never cease to amaze me

[SmokeyTheBear]

Originally Posted by Jace

smokey, you never cease to amaze me

its a handy tool , i will put it to good use ( i just coded that up on the fly from another script for something diff i had laying around )

this will take the ease out of posting videos


ps if you wanna be tricky and kinda hide the real video url if your hosting the files you can add this just below the replacement items in the js file

var stb5 = "-secretfolder-";


mpo = gfyt.search(stb5);
if(mpo != -1){
rkw = "realfolder";
gfyt = replace(gfyt,stb5,rkw);
}

then when you post a video using the code like this

stbvidw-www.mysite.com/-secretfolder-/vid1.wmv-ebtvid

it would actually change it to

<embed src=http://www.mysite.com/realfolder/vid1.wmv></embed>

notice the folder is different. the viewer wont actually be able to see the real url unless they dig into the js file to see how its done

[martinsc]

great stuff smokey

[Martin]

Good thread, lots of useful info. Thanks yo.