Problem concerning size of embedded Youtube clips in Twenty Fourteen theme
-
Hi there,
I am still using the Hero theme for my blog, but want to change to the Twenty Fourteen theme (because the latter is far superior).
I have been experimenting the last couple of days, but there is a problem that I am not able to solve and that is the size of the embedded Youtube vids.
Using CSS, I increased the content width from from the default 474 px to 640 px (similar to the Hero theme) and I also increased the media width (beneath the CSS box) from 474 to 970.
Media are wonderfuly displayed, except for embedded Youtube clips which are still displayed based on the default width of the content area (474 px and not 640 px).
How can I change that and display embeds at maximum width? Not sure if I am doing something wrong here …
Your help is much appreciated!
PS: because of this problem, I did not change yet the theme from Hero to Twenty Fourteen
The blog I need help with is: (visible only to logged in users)
-
Hi,
How can I change that and display embeds at maximum width? Not sure if I am doing something wrong here …
At Youtube, if you select Share > Embed > Show more, a preview of the video displays below the embed code. Below the preview video will be a “Video size” drop-down menu including optional widths beginning at 560 pixels. The other options are wider, with the next one being 640. Select 640, since that is your goal width. Once you change this setting, the embed codes of all videos you choose to share will have this width. The default dimensions will now be 640 x 360 pixels.
The dimensions of videos that are already embedded in a post or page on your site may be changed in either visual or text mode of an editor content window by simply modifying the width and height values in the code.
Example:
The embed code
<iframe src="https://www.youtube.com/embed/aItBPNFIOdI" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
when saved or published in a WP.com post or page will form the player shortcode
[youtube https://www.youtube.com/watch?v=aItBPNFIOdI&w=560&h=315]
which, if the dimensions are modified to 640 x 360, would become
[youtube https://www.youtube.com/watch?v=aItBPNFIOdI&w=640&h=360] -
…and I also increased the media width (beneath the CSS box) from 474 to 970.
If a video player width of 970 is your goal, you may choose the “Custom width” option at a YouTube video’s embedded video size menu. However, I was unable to find a way to save a custom size setting there.
- The topic ‘Problem concerning size of embedded Youtube clips in Twenty Fourteen theme’ is closed to new replies.