Expand my Community achievements bar.

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