How to embed YouTube Videos in HD format

youtubehd-vertical

YouTube.com is now offering two video formats on their site, standard and high def (HD), but they only allow an option for you to embed the standard version. This tutorial is going to show you how to get maximum quality and take advantage of the HD videos that you embed in your blog posts or social networking profiles.

Step 1: Copy this code and paste it to wherever you intend to embed the video:

<object width="425" height="344">
<param value="http://www.youtube.com/v/YOURVIDEOCODEHERE&ap=%2526fmt%3D22" name="movie" />
<param value="window" name="wmode" />
<param value="true" name="allowFullScreen" />
<embed width="425" height="344" wmode="window" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.youtube.com/v/YOURVIDEOCODEHERE&ap=%2526fmt%3D22"></embed>
</object>

Step 2: Grab the direct link to your video. In case you’ve never done this before, it can be found to the right of the video player on YouTube or from your browser’s address bar.

gaburl

Step 3: copy the alphanumeric URL varialbe at the end of the link you grabbed in step 2.

urlvars

Step 4: The finishing touch involves making a simple change to embed’s URL source code to direct it to the HD version. To do this, you simply need to paste what you copied in step 3 into the part between /v/ and the & symbol in the embed code. I’ve labeled this “YOURVIDEOCODEHERE” in the embed code in Step 1.

Normal quality:


HD Quality:




JQuery 1.3 domination through deprecation

jquery 1.3

On a project I maintain, we recently rolled up to JQuery 1.3.1 from JQuery 1.2.6. Upon doing so, several things instantly broke.

I started seeing errors on lines like this:

if($('input[@name=username]').val() != "")

I decided to check the JQuery 1.3 relase notes to see what had changed.

The first bullet point answered my problem:

The ‘@’ in [@attr] has been removed. Deprecated since 1.2 this old syntax no longer works. Simply remove the @ to upgrade.

As it turns out, the @ style selector was depricated and wasn’t suggested for use when JQuery 1.2 was released, but it was still supported. At 1.3 the @ style selector was removed all together, and as a result broke our code!

Following the upgrade instruction I removed the @ symbol from the selectors, and the code started running again.

The result:

if($('input[name=username]').val() != "")

A simple and effective upgrade, and a reason to closely pay attention to release notes

Modifying MimboPro to Add Paged Navigation To Category Pages

Recently I have been doing a lot of work with WordPress. I love WordPress. one of the things I like most about WordPress is the plugins and themes.

I recently bought a copy of the MimboPro theme. Mimbo is clean and very professional. More of a CMS theme then a blogging theme, prefect for what I want to use it for.

As I dug into MimboPro and WordPress, I realized something strange, the MimboPro theme doesn’t support paging in a category view. What this means is EVERY SINGLE post you make is shown on one page. If you have a very active site, like the one I’m working on, this quickly gets out of hand. Look at this image and you will see what I mean (click for full version).

One of the reasons I like MimboPro was the support that the authors of the theme offer. I headed over to their message forums and found other people like me asking for the Additon of Paged Navigation To Category Pages. The original post was 8 months ago, and no one had resolved anything. I made a post to the MimboPro authors only to be told that there is going to be a new theme that will handle this and it will be available at a deep discount to MimboPro owner. This upset me a bit, so taking matters into my own hand, I fixed what Mimbo wont, and I am handing out my own patch to solve this issue. Below are the instructions to hack your own files, or you can just download my zip file with the pre-hacked files.

Pre-Hacked Files:
Download with pre-hacked files: JoshHighlands_MimboPro_CategoryPagingHack.zip

DIY INSTRUCTIONS (click images for full sizes):

  1. Save a copy of your current categories.php and styles.css files inside of the MimboPro theme directory to a safe location
  2. Open up categories.php inside of the MimboPro theme directory, and find line 17
  3. Comment line 17 with a double back slash (//)
  4. Go to line 87 of category.php and add the following code
  5. Save and close category.php
  6. Open up style.css inside of the MimboPro theme directory
  7. Add the following CSS code to the bottom of the file (should be close to line 852)
  8. Save styles.css
  9. Upload categories.php and styles.css to the MimboPro theme directory on your server
  10. Everything should be working. Here is what my wordpress running MimboPro looks like

That’s it! MimboPro will now have paging in all of the categories. The next and previous links will only show up when you have enough posts. The WordPress default is 10 posts. You can edit the number of posts by going to change the number of posts to show on a category page, go into to the admin and under “setting” > “reading” you will find the option, as highlighted here.

If you had any problem reading the code in the image files, download the zip files with the pre-hacked files in them.

Download with pre-hacked files: JoshHighlands_MimboPro_CategoryPagingHack.zip

If you have any further questions, please post them in the comment.

WordPress 2.7 is almost here!

OMG OMG OMG! WordPress 2.7 is almost here. Here is a long list of the changes that are going to be in the latest release. I have been a huge wordpress fan for some years now. Its always treated me well. Its treated me so well that I have decided to move my main website, notPopular.com, to the wordpress platform for content management. I’m really nervous though, I have done a lot of custom work on the notpop install of wordpress, and it isnt released yet. I hope that my plugins and custom code doesnt break to badly. I will have a full review of wordpress 2.7 once it is released later this week.