Hello,
I am always using de code of iframely.com to have a very nice responsive youtube or vimeo video on the site.
They have the same height and the width is nice responsive. In JCE only the width is responsive if set 100%, height not 🙁 so that is why I am using it.
But I am using now Joomla 4 and JCE is making a place holder and changing every time when I save the code of iframely 🙁
I dont want that, and can't find a solution.
Iframely code:
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;">
<iframe src="https://www.youtube.com/embed/_43S-7pjcrM?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"></iframe></div>
Jce code after saving:
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;">
<iframe src="https://www.youtube.com/embed/_43S-7pjcrM?rel=0" width="560" height="315" style="top: 0; left: 0; position: absolute; border: 0;" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"></iframe>
</div>
It is changing the width and the height and I don't want that. Please help to solve this problem.
Why are you not using iframely code in the JCE editor? It wil solve a lot of problems with videos.
These are 2 video's is with iframely code, they are completly responsive:
Example of 2 video in a row using iframely.com code