How to Add Video to Homepage/Sidebar Widgets...+V

[tutorials]

Video Tutorial



Text Tutorial

For this example I'm using a YouTube video, however most video networks embed codes will work and there are plugins which will give you code for self hosted videos.

Step #1
Inside your WordPress dashboard, go to Appearance > Widgets and select the appropriate widget you want to use for your video.

Step #2
Add a text widget and drop your video code into the text box. Make sure you click the "Done" and "Save Changes" buttons to ensure the code is saved.

Here is an example of the video code that is used on the Corporate theme demo site:

<object width="425" height="344"><param wmode="transparent" name="movie" value="http://www.youtube.com/v/gO420B02Q84&hl=en&fs=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed wmode="transparent" src="http://www.youtube.com/v/gO420B02Q84&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Note:
You can get YouTube code that satisfies the HTML Validator and auto resizes through this tool.

Video CSS Styling:
There is CSS code that has been added to the stylesheet which will automically resize the video elements on the homepage/sidebar sections. To adjust that, here's the code you'd need to modify:

#homepage embed, #homepage object {
width: 280px;
height: 235px;
margin: 0px;
padding: 0px;
}

#sidebar .video embed, #sidebar .video object {
width: 250px;
height: 205px;
margin: 0px;
padding: 0px;
}