[6.x] Support more video providers, including Cloudflare Stream

[edalzell]

Closes statamic/ideas#1336

[godismyjudge95]

Might be worthwhile doing something similar to what I did with the embera tag - https://github.com/godismyjudge95/statamic-embera

Embera is a oembed client that takes in a video url and spits out an iframe. It has a decent number of video providers supported - https://github.com/mpratt/Embera/blob/master/doc/02-providers.md

[edalzell]

Might be worthwhile doing something similar to what I did with the embera tag - godismyjudge95/statamic-embera

This is a really nice idea. I'll chat w/ the team on how they'd like to approach, as it's another dependency.

[edalzell]

• 3 fields - url for pasting, dropdown for provider, video id
• if you paste into the url, we'll extract the id and populate provider/id
• save the provider/id

for augmenting maybe...

• have a Video class with provider and id
• the Video class would know how to get the regular and embed urls
• __toString could output the non-embed url so {{ video_field }} on its own would continue to work
• the embed_url modifier could handle a Video instance, so it could get the embed url from that

for backwards compat...

• if your field has a url, it doesnt get augmented to a Video instance. it stays as a string.

[duncanmcclean]

It looks like some of the tests are failing. Are you able to take a look?

[edalzell]

It looks like some of the tests are failing. Are you able to take a look?

Done

[jasonvarga]

Findings from review (see inline comments). Cloudflare Stream preview is provably broken as written, plus a couple of warnings worth fixing before merge. Full writeup: the Cloudflare embed never renders because the Vue component sends a bare video ID while the backend expects a cloudflare:-prefixed string; the controller test only covers the prefixed form, so it doesn't catch this.

[edalzell]

Addressed all six. Cloudflare now sends the stored cloudflare: value as url, controller only reads url. Lazy-load gating restored, ID escaped with e(), .catch() toasts, Text tests removed. Also fixed a watcher bug where a lookup that changed the provider wiped the embed and URL input. Added Vitest coverage for the component, which is what the controller test couldn't catch.