Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
SOLVED

Extending Embed component!

Avatar

Level 6

I was following this git repo for extending the Embed core component. Extension of the Embed component is possible by providing any of the following: 

  • Custom URL Processor
  • Custom oEmbed Configuration
  • Custom embeddable fragment

The custom oEmbed configuration, I tried adding a new config in Core Components oEmbed client with the following values.

 

vimeo.PNG

 

When I try to enter a URL like https://vimeo.com/76979871 I get a message that this URL is not supported and a 404 response in the network tab for that request.

The request URL: http://localhost:4502/content/project_name/_jcr_content/root/container/container/embed.urlProcessor.json?url=https://vimeo.com/7697987

Did I miss something here, could someone help!

 

Also how can use the custom URL processor for vimeo? 

 

 

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

The Url seems invalid to me as well.

I got 404 because of comma at the end of URL.

 

Is the embedded URL is correct  in the configuration

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

Youtube e.g.

 

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

 

 

Youtube config

 

 

provider="YouTube"
endpoint="https://www.youtube.com/oembed"
format="json"
scheme=["https://.*\.youtube.com/watch.*","https://.*\.youtube.com/v/.*","https://youtu\.be/.*"]
unsafeContext="true"

 

 



Arun Patidar

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

The Url seems invalid to me as well.

I got 404 because of comma at the end of URL.

 

Is the embedded URL is correct  in the configuration

<iframe src="https://player.vimeo.com/video/3873878" width="320" height="240" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

Youtube e.g.

 

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

 

 

Youtube config

 

 

provider="YouTube"
endpoint="https://www.youtube.com/oembed"
format="json"
scheme=["https://.*\.youtube.com/watch.*","https://.*\.youtube.com/v/.*","https://youtu\.be/.*"]
unsafeContext="true"

 

 



Arun Patidar

Avatar

Level 6

Hi @arunpatidar 

The vimeo config is,

{
    "provider_name": "Vimeo",
    "provider_url": "https://vimeo.com/",
    "endpoints": [
    {
        "schemes": [
        "https://vimeo.com/*",
        "https://vimeo.com/album/*/video/*",
        "https://vimeo.com/channels/*/*",
        "https://vimeo.com/groups/*/videos/*",
        "https://vimeo.com/ondemand/*/*",
        "https://player.vimeo.com/video/*"
        ],
    "url": "https://vimeo.com/api/oembed.{format}",
    "discovery": true
    }
    ]
}

 

And it's the same I've added in the Core Components oEmbed client if you've noticed the screenshot. And as per the config, the URL which I entered should be valid. 

Avatar

Community Advisor
try with "https://vimeo.com/.*" in schema to match anything after domain, it seems . is missing before *, The regex is incorrect.


Arun Patidar