Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Theme YouTube Embed Video Sizes Are Off
Tagged: youtube videos small
- This topic has 13 replies, 4 voices, and was last updated 11 years, 1 month ago by pdvor.
-
AuthorPosts
-
January 14, 2013 at 9:06 pm #11987buddy_boy8403Member
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.
January 17, 2013 at 7:46 pm #12771AnitaKeymasterHave 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.
Love coffee, chocolate and my Bella!
January 28, 2013 at 10:03 pm #15882buddy_boy8403MemberAnitac - 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.
January 29, 2013 at 2:39 pm #16104buddy_boy8403MemberBump
January 29, 2013 at 2:49 pm #16111MarcoMemberWhat if you just use the youtube embed code like:
http://youtu.be/z3Ht0rU4NSg
instead of the full embed code?
January 29, 2013 at 2:53 pm #16115AnitaKeymasterI 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.
Love coffee, chocolate and my Bella!
January 29, 2013 at 4:07 pm #16148AnitaKeymasterHere's where I posted what they said would fix it - http://www.studiopress.community/topic/fix-for-video-resizing-to-small-oembeds/.
Love coffee, chocolate and my Bella!
February 2, 2013 at 1:25 am #17317buddy_boy8403Member@anitac - I've tried the suggestions in the linked article - it didn't do the trick. Any other suggestions?
February 2, 2013 at 8:17 am #17339AnitaKeymaster@buddyboy, I added this to the bottom of my functions.php file and it's working perfectly for me.
if ( ! isset( $content_width ) ) $content_width = 600;
That's really the only thing you need to do. Change 600 to whatever width your want. Is that what you did?
Love coffee, chocolate and my Bella!
February 2, 2013 at 8:47 pm #17515buddy_boy8403MemberAnitac - 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.
February 4, 2013 at 3:19 pm #18010pdvorMember@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.
February 4, 2013 at 3:36 pm #18024pdvorMemberSorry 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>"February 4, 2013 at 4:00 pm #18041AnitaKeymaster@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?
Love coffee, chocolate and my Bella!
February 4, 2013 at 4:54 pm #18061pdvorMemberI 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. -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.