| Author |
Message
|
| keeneye |
 Posted: Thu Jun 05, 2008 5:59 pm Post subject: How to add a small sized youtube video to the sidebar |
 |
|
Primary member
Joined: May 15, 2008
Posts: 37
|
I would like to know how to add a smaller video from youtube to feature on the sidebar so that it remains in view instead of posting in a post. I looked at the "add a page element" video bar option but it looks like you can only add youtube channels rather than just one particular video. If I add the html/java script option by grabbing the embedded code for the video it gives me a huge video overlapping my posts.
Any solution here 
_________________
Keen Eye Designs: Jewelry by Ashley |
|
| Back to top |
|
 |
Sponsored Ads
|
 |
| Rose |
| Posted: Thu Jun 05, 2008 9:29 pm Post subject: |
|
|
Site Administrator
Joined: Sep 06, 2006
Posts: 1913
Location: Canada
|
|
| Back to top |
|
|
| MrOldSkool |
| Posted: Mon Jun 09, 2008 5:38 am Post subject: |
|
|
Primary member
Joined: May 13, 2008
Posts: 59
|
|
| Back to top |
|
|
| KirkM |
| Posted: Mon Jun 09, 2008 8:58 am Post subject: Check width of sidebar in style.css |
|
|
New Member
Joined: Sep 30, 2007
Posts: 9
Location: Vermont
|
A couple of things I found that you need to do when loading a video into the sidebar. First, find out the actual width of your sidebar and second, make sure you maintain the aspect ratio of the video itself so it doesn't end up looking squashed or stretched when you downsize it. It's easier than you think.
First, search through your "style.css" file of your theme to find the actual width of your sidebar. It will be in a block of code that includes something like this:
#sidebar {
width: 220px;
}
In this case you'd set the max width of your video to be no more than 210px. It's usually not a good idea to use the same max width as your sidebar. Might end up shoving your sidebar below the content in certain browsers (ask me how I know this).
Now I have to admit I cheat when it comes to maintaining the correct aspect ratio when downsizing the video. I simply bring up one of my imaging programs (Photofiltre 6.3.1 in this case) and load up a new blank image at the same original dimensions as the video I wish to downsize and use the image resizer function to reduce the width to what I want with the "Maintain aspect" check box checked so the width follows suit. That gives me the correct height and width to change in the video script:
So height="344" width="425" becomes height="170" width="210" which fits in my sidebar just fine and keeps the video looking like it should.
This plus the other suggestions should get you what you need.
_________________
Don´t die before your dead |
|
| Back to top |
|
|
| Rose |
| Posted: Mon Jun 09, 2008 12:11 pm Post subject: |
|
|
Site Administrator
Joined: Sep 06, 2006
Posts: 1913
Location: Canada
|
|
| Back to top |
|
|
| KirkM |
| Posted: Mon Jun 09, 2008 12:21 pm Post subject: Welcome |
|
|
New Member
Joined: Sep 30, 2007
Posts: 9
Location: Vermont
|
_________________
Don´t die before your dead |
|
| Back to top |
|
|
| erikko |
| Posted: Mon Jun 09, 2008 10:57 pm Post subject: |
|
|
Junior Member
Joined: Oct 04, 2007
Posts: 124
|
|
| Back to top |
|
|
| keeneye |
| Posted: Tue Jun 10, 2008 11:33 am Post subject: |
|
|
Primary member
Joined: May 15, 2008
Posts: 37
|
I ended up using Photoshop to make sure I kept the sizing ratio by using image size to change the width and it automatically fills in the corresponding height to keep it proportional. So for my layout the sizes were 200 width and 162 (I rounded up to a whole #) for the height. The only problem with shrinking it down for me is that the YouTube logo doesn't shrink it stays regular size, but it's not so noticeable while watching the video.
Check it out on my blog if you want to see what it looks like!
Thanks for all of the input guys!
_________________
Keen Eye Designs: Jewelry by Ashley |
|
| Back to top |
|
|
|
|
