News Theme YouTube Embed Video Sizes Are Off

Community Forums Forums Design Tips and Tricks News Theme YouTube Embed Video Sizes Are Off

This topic is: not resolved

This topic contains 13 replies, has 4 voices, and was last updated by  pdvor 1 year, 6 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #11987

    buddy_boy8403
    Participant
    Post count: 132

    An example: http://www.dailysilvernews.com/bbc-predicts-silver-price-will-be-150oz-a-500-gain-by-2016/1633/

    For some reason, whenever I embed a YouTube video in a post, the video size goes really small and doesn’t keep the 33opx width I assign it when making up the embed code.  Has anyone had this problem?  Is Genesis doing something to make this happen?  Any advice would be helpful.

    Note – at some point in the near future, I do plan to change the widths of the entire content area to make the content area 560px wide that way I can easily use the default video sizes – and not make my readers have to scroll so much :-)

    Any advice is appreciated.

    #12771

    Anita
    Participant
    Post count: 7578

    Have you tried adding just the link in Text mode? I normally just add the URL to the video in the Text mode > Save it > View it and it automatically sizes to the width of the container.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #15882

    buddy_boy8403
    Participant
    Post count: 132

    Anitac – Thanks for the tip.  I’ve been trying that and found that it does work if I do not have any images on the page.  However, I like to start each post with a 300px wide left aligned image.  It seems that the as soon as the image is added, it for some reason resizes the YouTube video’s making them smaller, even though the embed code has a larger width.  This even happens why trying your suggestion above when an image is present.  Any additional help you (or anyone (cough – Nick The Geek)) can provide would be great.  I feel like I’ve been replying to a lot of peoples threads trying to lessen the load of the moderators, so hopefully the love will be paid back.

    #16104

    buddy_boy8403
    Participant
    Post count: 132

    Bump

    #16111

    Marco
    Participant
    Post count: 63

    What if you just use the youtube embed code like: http://youtu.be/z3Ht0rU4NSg instead of the full embed code?


    #16115

    Anita
    Participant
    Post count: 7578

    I am using my phone to respond right now. Click my image and look for a forum post I wrote about this. Its a wordpress issue not a Studiopress issue. I will try to post it here when I get to my computer.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #16148

    Anita
    Participant
    Post count: 7578

    Here’s where I posted what they said would fix it – http://www.studiopress.com/forums/topic/fix-for-video-resizing-to-small-oembeds/.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #17317

    buddy_boy8403
    Participant
    Post count: 132

    @anitac – I’ve tried the suggestions in the linked article – it didn’t do the trick.  Any other suggestions?

    #17339

    Anita
    Participant
    Post count: 7578

    @buddyboy, I added this to the bottom of my functions.php file and it’s working perfectly for me.

    [php]if ( ! isset( $content_width ) ) $content_width = 600;[/php]

    That’s really the only thing you need to do. Change 600 to whatever width your want. Is that what you did?


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #17515

    buddy_boy8403
    Participant
    Post count: 132

    Anitac – Yes – I tried this in the function.php file an youtube videos are still being resized small.  I also did research and found that it could be related to the ‘shortcode’ functionality of jetpak so I disabled that component and it still didn’t work.  I’ve tried using the embed code with a custom size that I know will fit (410px wide), I’ve tried just copying the youtube page URL like you mentioned above, and I’ve tried using the jetpak shortcode for youtube embeds (when I had that component enabled) and they still resize small.

    #18010

    pdvor
    Participant
    Post count: 9

    @buddy boy

    Your HTML code looks weird. Even though I have only basic HTML knowledge, I would not place inside of  element. This should be easily fixed in your page editor.

    Your existing code bellow, doesn’t say anything about the size either, so I guess it defaults to smallest size:

    Try to open your page editor and replace it with this one, copied straight from YT:


    Just don’t place it in anything less than div element.
    I don’t think this is Genesis fault. It is WordPress bug. It creates weird unnecessary code behind the scenes.

    I hope my advice is not wrong, I’m realy not an expert.

    #18024

    pdvor
    Participant
    Post count: 9

    Sorry about that. My first post on this forum.

    Your code:
    “<p><iframe src=”http://www.youtube.com/embed/z3Ht0rU4NSg?rel=0″ allowfullscreen=”” frameborder=”0″></iframe></p>”

    YT embed code without paragraph tags:
    “<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/z3Ht0rU4NSg” frameborder=”0″ allowfullscreen></iframe>”

    #18041

    Anita
    Participant
    Post count: 7578

    @pdvor once the code is save, WP or whatever is stripping out the code.

    @buddyboy have you disabled your plugins to see if there’s a conflict?


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #18061

    pdvor
    Participant
    Post count: 9

    I hope I’m not misunderstanding anything here. But if WP is stripping out the code, why is his iframe tag placed inside of paragraph tag. That isn’t right.  To me WP is generating unnecessary code, which I had opportunity to see many times when I relied on visual editor, instead of HTML.
    Also as I’ve said, his iframe does not have any size info. Shouldn’t this be easy and quick to fix by addressing these two things in page editor?
    But than again I might be wrong. I’m quite new in WP world and much newer  in Genesis.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.