How Do I Embed A YouTube Video and Make it Fit the Screen Of Smartphones?

BizGrabbers · 28th Mar 2012, 07:30 PM

I want to embed a YouTube video on a mobile site and make it fit the screen of whatever phone a viewer is using.

Can someone please tell me how to make it fit.....in very plain English, please?

I already know how to embed a video, and I know how to resize it, but I don't know how to make it automatically resize according to the screen size.

Thanks,

Mike

Adwizard · 28th Mar 2012, 07:43 PM

I would think that Quinten's class structure would solve your problem but I am not a programmer so don't hold me to that.

Quentin · 28th Mar 2012, 10:05 PM

You can just change the width to 100% and the height to 280 as this fits well however if you are using wordpress you can use this plugin Fitvids as this auto sizes.

WordPress › FitVids for WordPress « WordPress Plugins

I think you can also use the js file for non wordpress sites

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Quentin

BizGrabbers · 28th Mar 2012, 10:16 PM

Originally Posted by Quentin

You can just change the width to 100% and the height to 280 as this fits well however if you are using wordpress you can use this plugin Fitvids as this auto sizes.

WordPress › FitVids for WordPress « WordPress Plugins

I think you can also use the js file for non wordpress sites

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Quentin

Quentin,

Thank you, thank you, thank you!!!

I have googled and struggled with this for hours. I changed the width and height like you suggested and walahhhhhh. It works perfectly.

Thanks again,

Mike

KingMedia · 28th Mar 2012, 11:49 PM

Ditto @Quentin!

28th Mar 2012, 07:30 PM	#1
BizGrabbers Active Warrior Join Date: 2011 Location: Alabama, USA Posts: 73 Thanks: 70 Thanked 36 Times in 31 Posts	How Do I Embed A YouTube Video and Make it Fit the Screen Of Smartphones? Share on: I want to embed a YouTube video on a mobile site and make it fit the screen of whatever phone a viewer is using. Can someone please tell me how to make it fit.....in very plain English, please? I already know how to embed a video, and I know how to resize it, but I don't know how to make it automatically resize according to the screen size. Thanks, Mike
	BizGrabbers.com

28th Mar 2012, 07:43 PM	#2
Adwizard HyperActive Warrior War Room Member Join Date: 2012 Location: Southeast Missouri Posts: 198 Thanks: 16 Thanked 74 Times in 44 Posts	Re: How Do I Embed A YouTube Video and Make it Fit the Screen Of Smartphones? Share on: I would think that Quinten's class structure would solve your problem but I am not a programmer so don't hold me to that.
	Building Businesses Beyond their Four Walls by Thinking Outside the Box... since 1993. Is anyone capable of designing a mobile site for this e-commerce site for a fee: www.im2sexy4myfeet.com

28th Mar 2012, 10:05 PM	#3
Quentin Web Marketing For Profit War Room Member Join Date: 2002 Location: Brisbane Posts: 2,895 Thanks: 8 Thanked 1,162 Times in 528 Posts Blog Entries: 10	Re: How Do I Embed A YouTube Video and Make it Fit the Screen Of Smartphones? Share on: You can just change the width to 100% and the height to 280 as this fits well however if you are using wordpress you can use this plugin Fitvids as this auto sizes. WordPress › FitVids for WordPress « WordPress Plugins I think you can also use the js file for non wordpress sites FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. Quentin
	DIY Product Creation Online Business Training on How To Create Products to sell online Plus Lots More.

28th Mar 2012, 11:49 PM	#5
KingMedia HyperActive Warrior Join Date: 2009 Posts: 168 Thanks: 33 Thanked 21 Times in 20 Posts	Re: How Do I Embed A YouTube Video and Make it Fit the Screen Of Smartphones? Share on: Ditto @Quentin!