High resolution preview thumbnails for Youtube embeds?

  • Resolved symmetrium

    (@symmetrium)


    5 years, 4 months ago

    Hi! Thanks for this great plugin.

    [su_youtube_advanced] embeds on my website are usually pretty large (1100×620 pixels), and the previews on page load are very blurry. Is there a way to increase the resolution for these?

Viewing 2 replies - 1 through 2 (of 2 total)
  • tommorin

    (@tommorin)

    5 years, 4 months ago

    Just adding some more to this support request.

    Standard YouTube short code is not showing this issue:
    [su_youtube url=”https://youtu.be/A2hL32k7Y0I”%5D

    but Advanced YouTube short code is:
    [su_youtube_advanced url=”https://youtu.be/A2hL32k7Y0I” width=”640″ height=”360″ controls=”1″ autohide=”yes” showinfo=”no” rel=”no” modestbranding=”yes” theme=”light” https=”yes” playsinline=”yes”]

    Thanks

    Plugin Author Vova

    (@gn_themes)

    5 years, 2 months ago

    Hi @tommorin and @symmetrium,

    I’ve found that the YT embed sets the thumbnail quality depending on the size of the embed itself:

    https://stackoverflow.com/a/56700695

    In @tommorin’s example we can see two different embed sizes which result in different thumbnails:

    [su_youtube url="https://youtu.be/A2hL32k7Y0I"]

    defaults to 600x400

    and

    [su_youtube_advanced url="https://youtu.be/A2hL32k7Y0I" width="640" height="360" controls="1" autohide="yes" showinfo="no" rel="no" modestbranding="yes" theme="light" https="yes" playsinline="yes"]

    explicitly set to 640x360

    And that makes the difference.

    The solution is simple, just set a higher size for the embed, like so:

    [su_youtube url="https://youtu.be/A2hL32k7Y0I" width="1280" height="720"]
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘High resolution preview thumbnails for Youtube embeds?’ is closed to new replies.

Tags