Jump to content


Photo
- - - - -

Adjusting the size of a feature to fit an embedded Youtube video


  • Please log in to reply
3 replies to this topic

#1 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 29 February 2012 - 01:04 AM

How do I make a feature fit an embedded youtube video or the other way around? I currently have the video displaying but the video does not fit correctly. Check it out at www.wicklessscentsation.com

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 29 February 2012 - 04:28 AM

I don't see any videos in your feature slider. Are you referring to the video below the slider?

#3 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 29 February 2012 - 06:59 PM

Yes, I have two features on my Home Page. Feature 1 has a picture in it. Feature 2 has a video in it. I cannot get either one to fit correctly. What size do I have to make the pictures to fit appropriately and how do I make the second "feature" the same size as the video. It is currently showing black space a the bottom and cutting off some of the top.

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 February 2012 - 08:12 PM

Well, first, you don't need to use a feature slider to embed a Youtube video on a homepage or in any posts or pages. Thus, your goal of resizing isn't really necessary. However, if you prefer to use the slider, here's the way. Make sure you know the dimensions of your slider. Let's say for example the slider is 600px wide and 360px high. When you go to Youtube and select the video, click the option to "Share" the video. A code will appear and a button near it, labelled "Embed". Another box of code will appear when you click the button. Below that, there will be 4 check-box options. Select the last of them "Use old embed code". Below it, you'll see 4 diagrams of various sizes and 1 at the end where you can include the size. Enter the width and the height will appear for you. Copy the code and make a note of the height. Return to your site's admin section and adjust the slide height to match the one shown on Youtube. Then, in the Media section of your slide setup, paste the Youtube code, as you already know to do. Your video and slide will match. Make sure you do not have a transition set for your slide or it will move in the middle of your video playing. This is why just embedding the code is easier and better.