Youtube videos scaling error

[Mirea Antonio]

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?

[Marc]

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.

[Mirea Antonio]

On 10/12/2022 at 10:56 PM, Marc Stridgen said:

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, 2022 by Mirea Antonio

[opentype]

On 10/12/2022 at 9:41 PM, Mirea Antonio said:

Any ideas?

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

[Mirea Antonio]

Just now, opentype said:

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

Yes, pasting the URL.

[opentype]

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. 

[Mirea Antonio]

6 minutes ago, opentype said:

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, 2022 by Mirea Antonio

[Jim M]

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.

[opentype]

31 minutes ago, Mirea Antonio said:

<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. 

[Ehren]

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.

[Mirea Antonio]

On 10/17/2022 at 3:16 AM, Ehren said:

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

[Mark H]

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?

 

[Mirea Antonio]

On 10/18/2022 at 8:12 PM, Mark H said:

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!

[Jim M]

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. 

 

[Mirea Antonio]

13 hours ago, Jim M said:

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.

[Marc]

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

[Mirea Antonio]

On 10/20/2022 at 12:50 PM, Marc Stridgen said:

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

Any news?

[Marc]

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