YouTube Embed producing tiny video

  • captainpigheart · Member ·

    Hi,

    However I try to embed a YouTube link, it results in a tiny, tiny image on the published post. This affects all my posts (but didn’t use to) on my website, and happens with any YouTube link – whether I use the long URL or short URL.

    This is the post example (video is right at the end – note how the Vimeo ones look fine): https://captainpigheart.com/2017/08/30/a-whistle-stop-tour-of-worldcon75-helsinki-day-two/

    This is the YouTube link: https://www.youtube.com/watch?v=SGDktottQ8E

    I’ve tried all the usual ways:

      Add Media>Insert YouTube
      Add Media>Add from URL
      pasting the URL as plain text straight into the visual editor
      using the [youtube https://www.youtube.com/watch?v=SGDktottQ8E ] shortcode
      Changing the dimensions with &w= etc code

    None of them produce a different result. Any bright ideas?

    The blog I need help with is: (visible only to logged in users)

  • musicdoc1 · Member ·

    Hi,

    What is the HTML video shortcode for the YouTube video in the Whistle-Stop Tour post?

    It should look something like the following:
    [youtube https://www.youtube.com/watch?v=SGDktottQ8E&w=520&h=325].
    The width and height may be adjusted as desired, but they are in pixels, so should be in the hundreds. A width or height of less than 100 pixels is quite small tiny in fact. The video in question on that post looks like it has dimensions of roughly 50 pixels width by 60 pixels height, or thereabouts.

    The steps I take to embed a YouTube video:
    1. In the options under the video, click Share.
    2. Click Embed.
    3. Click Copy.
    4. Paste into content area (page, post, etc.)
    5. Update the page, post, etc. to transform the code into the appropriate shortcode.
    6. Adjust the dimensions as desired.

    I don’t claim that this is the best way to do it, but it works.

  • musicdoc1 · Member ·

    A simpler way to embed the video is to just insert the video URL into the page or post. Then you may append the variable dimensions onto that in the HTML editor. The dimensions part in HTML would look like so:
    &w=520&h=325
    So instead of the video shortcode that I gave in the previous post you’d have the following:
    https://www.youtube.com/watch?v=SGDktottQ8E&w=520&h=325

  • musicdoc1 · Member ·

    Actually, a “amp;” following the ampersands (&) was stripped from each of the HTML codes that I provided above. No worries. If you use the codes I provided, WordPress.com will automatically add the missing “amp;” after you insert the code and update the post editor.

  • captainpigheart · Member ·

    Thanks musicdoc1,

    Ah! You’re a genius – adding &w=520&h=325 straight onto the URL worked a charm. I thought you could only include it within the shortcode brackets. Thanks very much!

  • musicdoc1 · Member ·

    You’re welcome, captain!

  • musicdoc1 · Member ·

    I didn’t know that that would work either, until I tried it today. Perhaps I’ll do it that way from now on as well. Cheers!

  • The topic ‘YouTube Embed producing tiny video’ is closed to new replies.