I just had to finagle the “embed” code that Facebook provides when you select the option for it. Here is the code that Facebook provided when I selected the “embed video” link on one of my videos:

<object width="576" height="324" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/xyz" /><embed src="http://www.facebook.com/v/xyz" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="576" height="324"></embed></object>

When I previewed my post, I noticed that the video didn’t show up. Since I had success in the past with embedding a video in a blog post, I reviewed the source of that post. What I noticed was that some of the parameters were moved around. When I moved the parameters into the what I’ll call the correct order, my video automagically™ appeared! Here is the “correct” code to embed a Facebook video into your self-hosted wordpress blog post.

<object width="400" height="224" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/abc" /><embed src="http://www.facebook.com/v/abc" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="224"></embed></object>