You are in luck, there is a very handy How-to from Growthcurve on how to do this:

http://www.concrete5.org/documentation/how-tos/designers/make-all-y...

Hi Vidall, thanks, but I already tried this. I was able to add the code to my hosting wth ftp, and to add the code to the header and footer, however it isn't clear to me on how to make the video's use this code. I also tried typing fitVids() in the custom template of the video, but no luck...

Have you tried this and did it work fot you? Would you be able to help me out with this one?

Thanks!

thats strange, yes I have used it and its worked ok for me, there is nothing else you really need to do after that, the fitvids.js code picks up on the embedded video (in my case You Tube) and just does its stuff.

I will happily take a look for you, if you send me over some FTP details in a PM and a link to your site, I will have a look for you, will probably be in an hour or so as I just have to pop out for a bit, I will take a look though.

Regards

David

Hi Vidal, any news on this ?
Do you have made a custom template or just insered the code into header ?

Thanks,

Seb

Hi Seb,

I am just sorting access out with Luca now, as soon as I have had a look, will post here with the outcome.

Luca, do you have a url to the page where the player live ?

Seb

Hi Seb, yes, it's a DEMO site I'm working on based on your theme:
http://zillionproductions.com/demo-site-B/...

You will notice the large video on top. This should be responsive.

Thanks,
Luca

EDIT : With the zip.

Try with this custom template :

Uncompress the zip and place the folder "youtube" into your root / blocks folder, thanks to ftp.
so you will have {root} / blocks / youtube / templates / responsive /
Set on your page the youtube block WITH the IFRAME option display and set as custom templates "responsive".

This is not tested but normaly works !

Let us know

H Seb,

1) I uploaded the files to:
.../demo-site-B/blocks/youtube/templates/responsive

2) I set the YouTube block to 'Responsive' (This new option was shown in the Custom Template list)

3) I set the Youtube to IFRAME and removed the size I manually entered before.

4) No result... the video is still small and does not resize.

Let me know and thanks for helping me! ;)

@ZillionProductions - I just saw that you sent me a PM. Decided to reply here.

I happen to have some themes (some of which are FREE) that already include FitVids.js! Basically, ALL of my responsive themes include it, so all you have to do is add the video.

One thing that might cause this NOT to work is if you are using the flash install instead of the "iframe" option (when using the YouTube) block. You don't need to worry about the dimensions - FitVids will work its magic for you.

Or, if you are using the HTML embed method of adding video, make sure it is using an iframe. (However, it's SUPPOSED to also work with object embed, too.)

If you provide a link to the page where you've having the issue, I can pinpoint the problem for you.

I may be updating the How-to soon with an alternative CSS-only method.

Hi, thanks for your message, I'll be sure to check out our templates too. The Youtube block wads indeed an iFrame. I'm very interested in reading your updated 'How-to'. Let me know when it's online!