TED Video bug

[CureFacts]

Hi.

In the bottom part of many pages at our Joomla! (3.8.2) based website we include TED embedded videos
(e.g. see https://www.curefacts.com/details?cardId=9 )

The problem is that in iPhone, when pressing play on such a TED video, the page "jumps" to the bottom of the page, so the users do not see the video (though it plays and they can hear it). This problem does not exist when we embed [youtube] videos.

Any advice regarding solving this bug would be highly appreciated.

Thanks,
Ari

[CureFacts]

CureFacts is a Joomla website...

[leolam]

How do you embed the video?

Leo

[CureFacts]

Here is the relevant code:

<div class="contentBoxRight">
<iframe width="100%" src="https://embed-ssl.ted.com/talks/ivan_or ... lized.html" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>

[leolam]

How do you embed the video? With a module or with the editor?

Leo

[CureFacts]

I think we do it both way. In the above example - we probably use a module.
In the following example, found here https://www.curefacts.com/learn-more/videos ,
we use the editor. The same "page jumping in mobile" problem exists in both cases...

<p style="text-align: center;">
<iframe src="https://embed-ssl.ted.com/talks/ivan_or ... lized.html" width="640" height="360" frameborder="0" scrolling="no" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen">
</iframe>
</p>

[leolam]

Suggest to try with JCE editor which has a special iframe option taking care of these issues https://www.joomlacontenteditor.net/sup ... on/iframes

Leo

[CureFacts]

Thank you Leo! We will test it.
Is anyone here familiar with this bug?