Vimeo videos in mobile view...

[holz75]

Hello!  I've been searching for an answer and can't find one, so I hope someone can help me out.  🙂  I love everything about my website in desktop view, but the mobile view is killing me.  I've found that using column lock has helped immensely, but I have another issue.  For my site that I'll list below...  when you click on a movie poster and are directed to the next page, the videos don't conform to the mobile size.  I know there's an app called Responsive Video, but I'm not sure if that will solve the issue.  Thanks!

[holz75]

Well, I did find this which might work.  I have no idea how to add CSS stylesheets to our Weebly site though!

https://www.ostraining.com/blog/coding/responsive-videos/

[Bernadette3]

Did you figure this out, @ holz75 Everything is sizing properly for me on mobile. 

[holz75]

Hi!  I scoured the internet and actually found additional coding to add to my embed video code that makes the mobile size show correctly.  

[Bernadette3]

Awesome! Thanks for letting us know.  

[holz75]

I'll leave this for anyone else having issues.  It's the code I'm using:

<div style="overflow:hidden; padding-bottom:56.25%; position:relative; height:0;">
<iframe src="VIMEO SOURCE CODE" width="840" height="464" frameborder="0" allow="autoplay; fullscreen" allowfullscreen style="left:0; top:0; height:90%; width:100%; position:absolute;"></iframe>
</div>

[jay28 · Accepted solution]

Here is a free embed generator site that might work for you.

https://embedresponsively.com

Unfortunately it didn't work my Square Weebly site.

[Adam7]

Thanks for sharing that, @jay28. Does the usual embed code from Vimeo work on your site?

[shorebirdnerd]

omg! #lifesaver Thank you SO MUCH for this post, link, and code! It worked pefectly for my YourTube video!!!

[TallieG]

This worked perfectly! THANK YOU FOR SHARING!!!

[Maikoos]

Thanks so much for posting that. Works for me.

Kudos to you.