I'm in the process of converting my site from fixed width to responsive. I have a few dozen YouTube videos on my site that are working fine using the responsive template. I also have dozens of "videos" posted on YouTube that are actually just audio files with a static image displayed due to space restrictions our hosting account. In the static site I used the YouTube tags and set the dimensions to 150x200. This, of course does not work with the Responsive template.
I've tried to constrain the size of the audio only YouTube files by setting a DIV with 150x200 size, but the video busts out the sides of the DIV and ignores the height (I think it may be because of the title of the file). I tried a variety of different CSS settings, which work for things like padding, but the width and height are ignored.
1. Is it possible to assign a template to an individual file? For example, leave the default as using the Responsive template but forcing individual videos to use the Classic template?
2. Is it possible to use a player similar to the MP3 tag to play only the audio from the YouTube video?
3. Is there anyway to successfully override the size of the YouTube template using CSS?
Thanks