Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

JWplayer from within a webcomponent


Hello everyone!
I need to integrate JwPlayer within React application that subsequently-wrapped through a WebComponent.

Unfortunately I can not run JwPlayer when the container is inside the ShadowRoot. For simplicity I reduced the code to the bone, as a demonstration:

https://jsfiddle.net/43f94ef9/

I understand that passing the container ID to JwPlayer it can not find it, since it is within ShadowRoot, but can it be initialized by passing it directly to the element?

A thing like that:

const element = this.shadowRoot.querySelector ('# video player');
jwplayer (element) .setup ()

Has anyone else ever come across a similar problem?

Thank you

2 Community Answers

Alex

JW Player Support Agent  
0 rated :

Hi there,

I am not particular well-versed in web components, nor do we officially support the use of our player within them, but I will reach out to the rest of the team to see if anyone is familiar. As soon as I hear back, I will let you know.

Thank you.

Alex

JW Player Support Agent  
0 rated :

Hi there,

Unfortunately, I was unable to find a colleague that is proficient in web components. Hopefully someone on this forum will be able to assist you.

Thank you.

This question has received the maximum number of answers.