Embed Video outside YouTube or Vimeo

Hi, I’m trying to embed a video for my first lesson. But it doesn’t work well, the player appears normal horizontally, but cuts almost entirely vertically. If I use the Youtube code, it works normal … in the Video Embed Code field:

But from the provider I use … JWPlayer, the code comes with 100% width and height and when I post it doesn’t work … if I post it on a normal wordpress post page it works.

Here are the examples:

From YouTube, I paste this, when publishing, everything is normal and works … on computer, cell phone, tablet.

<iframe width = “560” height = “315” src = “https://www.youtube.com/embed/Ampqr_htdM0&#8221; frameborder = “0” allow = “accelerometer; autoplay; encrypted-media; gyroscope; picture-in -picture “allowfullscreen> </iframe>

I click on refresh the lesson page and Sensei turns it on … and it works:

<iframe width = “560” height = “315” src = “https://www.youtube.com/embed/Ampqr_htdM0&#8221; frameborder = “0” allowfullscreen> </iframe>

On all devices … works as they are in the photos of the musician (Youtube video) … photos of the desktop and mobile screen.

Sent 2 pictures

Now if I try to embed the JWPlayer see what happens.

This is the original code:

<div itemscope itemtype = “https://schema.org/VideoObject”&gt; <meta itemprop = “uploadDate” content = “Tue Apr 14 2020 15:55:54 GMT-0300 (Brasilia Standard Time)” /> <meta itemprop = “name” content = “Astrology Class 01” /> <meta itemprop = “duration” content = “PT1H16M3.74S” /> <meta itemprop = “thumbnailUrl” content = “https://content.jwplatform.com/thumbs /0b5gVuaD-1920.jpg”/><meta itemprop = “contentUrl” content = “https://content.jwplatform.com/videos/0b5gVuaD-SDLqBzCa.mp4&#8221; /> <div style = “position: relative; overflow: hidden; padding-bottom: 56.25% “> <iframe src =” https://cdn.jwplayer.com/players/0b5gVuaD-BgbZU7PZ.html “width =” 100% “height =” 100% “frameborder =” 0 ” scrolling = “auto” title = “Astrology Class 01” style = “position: absolute;” allowfullscreen> </iframe> </div> </div>

And then, after pasting the code, and I update the page and Sensei turns it into the following:

?<iframe src = “https://cdn.jwplayer.com/players/0b5gVuaD-BgbZU7PZ.html&#8221; width = “100%” height = “100%” frameborder = “0” allowfullscreen> </iframe>

And the video looks just like in those other cut images and you can’t even access the PLAY or FULL-Screen controls, even though they’re there …

Sent 2 more pics

And if I edit the code and join them like:

<iframe src = “https://cdn.jwplayer.com/players/0b5gVuaD-BgbZU7PZ.html&#8221; width = “560” height = “315” frameborder = “0” allowfullscreen> </iframe>

It still looks bad. I don’t know what else to do, any personal tips?

also not sure how to insert the pictures in this post … ??

The page I need help with: [log in to see the link]