Mouthful of a title, huh?.
I don’t know about you, but I appreciate the details site owners take when creating and releasing content. Anyone can write text, almost anyone can add an image, and fewer yet can embed a video. You’re going to be leaps and bonds ahead of everyone if you actually embed a video IN an image. Whether you want to brand video with your logo, incorporate a design element, or do any number of other things, this is a great trick to know (and we’ve tailored it to WordPress).
It’s important to remember that when you add content to your site, do it in a way that makes your brand stand out from the “norm” in your industry or profession. More specifically, take the time to add as many unique features to your material, website, or blog so people notice right away that there is something “different” about your site. The internet is full of “me too” bloggers who rehash the same information you can find on countless other websites or blogs. Beyond just finding your online voice, this is about setting yourself apart because you think to take care of the details (however small they may be…they still matter).
Adding Embed Video Code to an Image in WordPress
A few weeks ago, I was working on a site for my son (he’s 19 months), and I wanted to find a way to include a video we had taken into a picture. I searched online and found this great video tutorial on adding embed video code to an image. Watch it first, then come back here.
The Finished Product
Let’s Look At The Code
Once the html page is created, there is a slight modification you have to make to the code in order for it to look right in WordPress. Below is the code generated from Dreamweaver. This is what you would upload to a website (not run on WordPress) to have the video embedded on an image.
With WordPress however, I found that I needed to merge the tables (slices) 2-4 into one table. Here is the code I used to get the embed video on the black BlogEx video image you see above.
You only need the table data from the html page Dreamweaver created for you when publishing to Wordpress. If you try to upload the html file just as Dreamweaver created it it won’t look right. Because remember, they created an entire html page, while with Wordpress, we are just wanting to include it IN a page or post. Again, it’s all spelled out in the code above, so feel free to reference that as needed.
