Youtube embedded video resizing, mobile and responsive issues

Support
#1

Hi there!

I have a three column homepage where I want to place an embedded Youtube video https://www.ecovat.eu/:

I have used the Classic Embedded Video and the Classic Video Player, but the video won’t resize to the columns of the web page.

It does also not resize to other screen sizes, and is not visible on mobile.

I’ve tried to edit the Youtube code and tried different options in the elements, but nothing helps.

Can you help me solve this problem?

Thank you!

#2

Hi There,

Try using our responsive video shortcode. You can see an example from here (http://demo.theme.co/integrity-1/shortcodes/responsive-video/).

Hope that helps.

#3

Hi there! Thank you for your response.

I’ve tried that, but it doesn’t look the same as your example.

This is the embed code i’ve used in the ‘Content area’ in cornerstone.

[x_video_embed][/x_video_embed]

Can you see what I’m doing wrong?

#4

This is the embed shortcode I’ve used.

#5

Hi,

Please remove width="560" height="315" , then add this style="width:100%;height:auto;"

<iframe style="width:100%;height:auto;" src="https://www.youtube.com/embed/2webqqcXWxs" frameborder="0" allowfullscreen></iframe>

Hope that helps

#6

Hi there! I’ve added the code you suggested and it still not worked.
Now it looks like this:

#7

Hi There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

Thanks!

#9

Hi There,

I have investigated this issue further. It seems that you have custom CSS which conflicts with the video. Try removing that code and test your site again. Basically the min-width: 640px is the issue.

.entry-content embed, 
.entry-content iframe, 
.entry-content object {
    width: auto;
    min-width: 640px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

Thanks!

#10

Thank you, I am going to try that!

#11

Let us know how it goes!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.