31 Oct 2006 11:12 am

In my opinion, MySpace video codecs fart all over YouTube and Google. 

a)Quality b)Filesize c)Length of Movie time allowed.

So – I searched everywhere for MySpace Video Plugins for WordPress and could find bugger all out there.  There were the usual ones for Google et al, but I could not find ONE My Space Video plug-in for Word Press that would allow me to embed my MySpace Video’s straight into my WordPress posts.

Solution – MySpace video into WordPress posts:

In normal HTML pages, I would i-frame the video – but iframes in WordPress seemed to be a no go.   UNTIL – I found the plug-in from John at Urban Giraffe and his PageView Plugin.  DON’T rush off there yet, see if this solution is right for you first:

John’s plug-in allows you post iframes into your wordpress posts. So – to enable MySpace Video in WordPress posts, I have three steps:

  • Decide the size you want your MySpace video to be ( I opt for 300w x 250h)
  • Paste the code into a BLANK html document, stripping out the Myspace rubbish code they put in for links etc…  Clean Code looks like this (open’s in new window), copy it if you want and put your own movie value in there:

Save the above as a template. The number value is your movie value that you need to change each time.

My Mistakes with PageView

  • I spent ages trying to work out how to change the CSS so the iframe was the right size for my video. Im no IT expert, so that’s why I took ages.   I thought that you had to change the CSS that was in the PageView folder. NOT SO.   You need to copy the CSS from PageView folder, and paste into the your overall template Style.CSS
  • I tweaked around a bit to get the right size frame, so there were no scroll bars.  My end code, that now works – looks like this (in bold is the size I chose to fit my video):        

div.pageview { border: 1px solid #999999; margin: 5px 0px 15px 0px; width: 325px; font-size: 0.8em; } div.pageview div.pageviewhead { background-color: #EEEEEE; margin: 0; padding: 0; line-height: 1em; height: 50px; } div.pageview iframe { border-top: 1px solid #999999; border-right: 1px solid #999999; width: 100%; height: 280px; }

So – in all we have to do the following:

  • Clean the MySpace Video code to remove all the ‘add to profile’ rubbish
  • Change the m-Value in each template and save as an .htm file you want to i-frame
  • i-frame the .htm file (which is simple using John’s plug-in)

Result below:


I know it’s not simply a ‘one button’ fix, but once you’ve got the plug-in sorted, your sizes correct and you have a template you can just use- it’s easy to put My Space Video into your Word Press posts.

Open John’s PageView plugin in a new window, and keep this page as a resource. Let me know how you go with your new ability to post MySpace Video into WordPress!








Trackback this Post | Feed on comments to this Post

Leave a Reply