Audio / Video Content Block

[diegoliv]

These Content Blocks have a similar behavior: the user can select a audio / video file from the media library, or can insert an url to fetch the media file (using oEmbed).

[diegoliv]

The current state of the audio / video blocks, when none media is attatched:

And, when an external url is fetched, the player is displayed:

[diegoliv]

After some discussion at the #wordpress-ui IRC, the fetch feature for Audio / Video Content Blocks is a little bit different. Now, when the user inserst an url in a Video Content Blocks and clicks fetch, the video is fetched, but instead of insert the oEmbed markup right after this, now it inserts a placeholder screenshot (for youtube and vimeo, for now), with a "preview" button, like this:

When the user clicks on the "preview" button, the oEmbed markup replaces the placeholder. This gives the user the choice of load the video player to preview or not.

Same thing for the Audio Content Block. When the user fetches a url, a placeholder is inserted:

And, when the user clicks at the placeholder, the oEmbed markup is inserted. Like this, for example:

Of course, we need a LOT of work at the UI of this Content Blocks, and some features (like drag 'n drop upload or select from library) isn't ready. Let's keep working on that.