Hi guys, I am running into the following issue. The youtube videos that users paste are getting scaled differently on the mobile version. It also looks different on the regular desktop version:

 

It is kind of destroying the mobile-friendly experience and looking for a way to fix this. Any ideas?

The preview that is shown is not something over which we have control. Its youtube that controls what is shown there, and for some reason does show them differently on mobile at times. 

With regard the layout overlaying, please check this on a default unaltered theme first of all. If you are then still seeing the same issue, please let us know and we can take a closer look for you.

 

The preview that is shown is not something over which we have control. Its youtube that controls what is shown there, and for some reason does show them differently on mobile at times. 

With regard the layout overlaying, please check this on a default unaltered theme first of all. If you are then still seeing the same issue, please let us know and we can take a closer look for you.

I checked on the default theme and it appears to be the same. Please help us out 🙂

Edited October 16, 20222 yr by Mirea Antonio

 

Any ideas?

How are the YouTube videos added? Just by pasting the YouTube URL? 

 

How are the YouTube videos added? Just by pasting the YouTube URL? 

Yes, pasting the URL.

You could check the HTML that is created in the posts. It should not have a large/fixed WIDTH value and everything should be wrapped in an ‘ipsEmbeddedVideo’ container. For example:

<div class="ipsEmbeddedVideo" contenteditable="false">
	<div>
		<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="150" src="https://www.youtube-nocookie.com/embed/4uoSk_iv8Lk?feature=oembed" title="Bildschirmaufnahme+2022 10 15+um+21 42 24" width="200"></iframe>
	</div>
</div>

This would be a responsive video. 

 

You could check the HTML that is created in the posts. It should not have a large/fixed WIDTH value and everything should be wrapped in an ‘ipsEmbeddedVideo’ container. For example:

<div class="ipsEmbeddedVideo" contenteditable="false">
	<div>
		<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="150" src="https://www.youtube-nocookie.com/embed/4uoSk_iv8Lk?feature=oembed" title="Bildschirmaufnahme+2022 10 15+um+21 42 24" width="200"></iframe>
	</div>
</div>

This would be a responsive video. 

Changed 

<div class='ipsEmbeddedVideo' contenteditable="false"><div>{$html|raw}</div></div>

and

<div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe class="vine-embed" src="{$url}/embed/simple" width="600" height="600"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script></div></div>

to what you provided. Nothing changed.

Edited October 16, 20222 yr by Mirea Antonio

If you are able to provide the URL of the topic which is encountering this, we can take a further look at what is going on.

 

<div class='ipsEmbeddedVideo' contenteditable="false"><div>{$html|raw}</div></div>

and

<div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe class="vine-embed" src="{$url}/embed/simple" width="600" height="600"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script></div></div>

to what you provided. Nothing changed.

I said, check the HTML in the “posts”. The code you show here is not from the posts. Changing this code will not have any influence on old posts. 

Hello,

If possible, can you please post a URL to that topic? We'll need to check the code ourselves, since it's too hard to fix via a screenshot.

 

Hello,

If possible, can you please post a URL to that topic? We'll need to check the code ourselves, since it's too hard to fix via a screenshot.

https://ru.lc-rp.mp/index.php?/topic/103--/#comment-502

Before we continue, we've noticed the URL you are asking about is not associated to your account, and you aren't listed as an Alternate Contact for the license holder of that registered URL.

The license holder would need to add you as an Alternate Contact, or post here themselves, in order for us to assist in this case. Can you please address that, then reply here to let us know?

 

 

Before we continue, we've noticed the URL you are asking about is not associated to your account, and you aren't listed as an Alternate Contact for the license holder of that registered URL.

The license holder would need to add you as an Alternate Contact, or post here themselves, in order for us to assist in this case. Can you please address that, then reply here to let us know?

 

Fixed!

We would need to look further into this for you, however the access details on file appear to be incorrect or missing. Could you please update these details by visiting your client area, selecting the relevant purchase, then clicking "Review/Update Access Information" under the "Stored Access Information" section. 

We look forward to further assisting you. 

 

 

We would need to look further into this for you, however the access details on file appear to be incorrect or missing. Could you please update these details by visiting your client area, selecting the relevant purchase, then clicking "Review/Update Access Information" under the "Stored Access Information" section. 

We look forward to further assisting you. 

 

Fixed, I am sorry.

I have created a ticket for you on this, as this will need to be looked into further

 

I have created a ticket for you on this, as this will need to be looked into further

Any news?

As mentioned in the ticket, this has been escalated, so may take longer to get a resolution for you. It is however awaiting a developer