YouTube Live links fail to embed

[danielrcollins1]

Steps to Reproduce

1. Go to YouTube Studio > Content > Live
2. For any live event, click Options > Get shareable link
3. In the BlueSky app, click New Post > paste link
4. Note that info card fails to load (gets grayed-out generic YouTube card)

Attachments

No response

What platform(s) does this occur on?

Web (Desktop)

Device Info

Windows 11 Home w/Chrome or Firefox

What version of the app are you using?

Build version: 1.91.1; Bundle info: 49ab486 (prod); Bundle date: 24092017; Platform: web

Additional Information

For YouTube uploaded (prerecorded) videos, getting a shared link generates one of the following form, which works fine as an embedded Bluesky video, e.g.: https://youtu.be/N4AyF0An-w8

But YouTube Live videos generate a different link format which fails when embedding in Bluesky, e.g.: https://youtube.com/live/SKtXJUhrbhc

• We get identical behavior whether or not there's a query string attached, e.g., https://youtube.com/live/SKtXJUhrbhc?feature=share
• We get identical behavior for both upcoming and past live videos, e.g.: https://youtube.com/live/fZZQTq6UGTA

If we take the automatically generated live URL from YouTube and manually edit it to look like the uploaded URL format, then this actually works embedded in Bluesky (again, for both upcoming & old live events, with out without query string), e.g.: https://youtu.be/SKtXJUhrbhc

However, this is inconvenient and not obvious to non-technical users. Bluesky should accept the URL format directly provided by YouTube Studio Live.

[danielrcollins1]

Related: YouTube "clips" link format doesn't embed, either (and in this case I can't find a manual workaround), e.g.:
https://www.youtube.com/clip/Ugkxv4jmsaDAOLeKXfJYLBFklwkXGBSG12s6

[tkusano]

I think this is probably because https://cardyb.bsky.app/v1/extract doesn't handle YouTube Live URLs well.

For example, here are two types of URLs for a live video:

Live URL

https://www.youtube.com/live/9TY-M0RoQy8?si=SkbsYDCyF9nHKjDB

(from the share buttonn)

$ curl -s 'https://cardyb.bsky.app/v1/extract?url=https://www.youtube.com/live/9TY-M0RoQy8%3Fsi=SkbsYDCyF9nHKjDB' | jq .

{
  "error": "",
  "likely_type": "html",
  "url": "https://www.youtube.com/live/9TY-M0RoQy8",
  "title": "YouTube",
  "description": "Share your videos with friends, family, and the world",
  "image": ""
}

Traditional URL

https://www.youtube.com/watch?v=9TY-M0RoQy8

(from the browser address bar)

$ curl -s 'https://cardyb.bsky.app/v1/extract?url=https://www.youtube.com/watch%3Fv=9TY-M0RoQy8' | jq .

{
  "error": "",
  "likely_type": "video",
  "url": "https://www.youtube.com/watch?v=9TY-M0RoQy8",
  "title": "第10回TOKYO6公式生放送",
  "description": "YouTube video by TOKYO6 ENTERTAINMENT",
  "image": "https://cardyb.bsky.app/v1/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F9TY-M0RoQy8%2Fhqdefault.jpg"
}

[scottdotweb]

Just a quick note that the &si= part of that example live URL is a tracking parameter which can be ignored.