Video Block doesn't work when inserting YouTube URL

[maddisondesigns]

Describe the bug
I wanted to insert a video on my page. The Video Block prompts me to "Enter URL of video here...", so I pasted in the YouTube URL for a vid. After saving the page and checking the front-end, the video didn't appear. I then went back to the editor and noticed the Use URL button so I clicked that but the block just produced an error.

People are going to expect to be able to be able to insert YouTube vids into a block that is specifically called a Video Block.

To Reproduce
Steps to reproduce the behavior:

1. Insert video block
2. Enter YouTube URL where it says "Enter URL of video here..."
3. Click save and view site (no video shows)
4. Go back to Editor and click Use URL button (view error)

Expected behavior
I should be able to paste YouTube/Vimeo URLS into a block that's called a Video Block

Screenshots

macOS Sierra 10.12.1 (16B2659)
Firefox Quantum 60.0 (64-bit)
WordPress 4.9.6
Gutenberg 2.8.0

[danielbachhuber]

People are going to expect to be able to be able to insert YouTube vids into a block that is specifically called a Video Block.

This seems like a reasonable assumption to me.

[danielbachhuber]

Related #5241

[sarahmonster]

People are going to expect to be able to be able to insert YouTube vids into a block that is specifically called a Video Block.

+1 from me! It's literally the first thing I tried to do with it whilst testing in #8299.

[designsimply]

+1 here too! Noting feedback from #5671 which I closed as a duplicate:

As a user, I shouldn't have to know that there are separate youtube, vimeo, and native video blocks. All I want to do is put a video in my post.

[karmatosed]

I am going to suggest a really simple flow that may not be so easy to implement but I think means we don't need to do any design changes.

Where we have this above, could we just if someone copies in a YouTube URL, transform to the right block?

[notnownikki]

Where we have this above, could we just if someone copies in a YouTube URL, transform to the right block?

Yes!

The refactor in #10958 exposes some of the embed block's URL->block resolution code, so the video block would be able to use that to resolve the URL to an appropriate embed block.

[notnownikki]

Hey peeps, how does this look? It switches to an embed block if you use a youtube URL with a video block.

[notnownikki]

Fix up for review at #11410

[mtias]

Thank you both @maddisondesigns for bringing this up and @notnownikki for making the improvement. It's a nice and seemingly obvious UX addition.

[notnownikki]

Do we have a similar situation with audio blocks?

…

On Sun, 4 Nov 2018, 18:22 Matias Ventura ***@***.*** wrote: Thank you both @maddisondesigns <https://github.com/maddisondesigns> for bringing this up and @notnownikki <https://github.com/notnownikki> for making the improvement. It's a nice and seemingly obvious UX addition. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#6824 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADKSsoK8BU-aJFQgxLdcvsysdMgTadP_ks5urzB5gaJpZM4UEkrV> .

[cpi83]

i have the same issue. The console says cross origin read blocking. How can this be fixed?