Almost all CoffeeCup Web Video skins has aspect ratio 4:3 by default. Can I change that without crop my videos or stretch them? Yes you can!
What you need is a aspect ratio converter and a calculator to make it fit properly in your skin. All you need to concern about is the width that your 4:3 skin allows. You find the original measurements in the XML file.
Here’s the online conversion for 16:9 and 4:3 to calculate the aspect ratios both ways.
Take the skins video width and fill it in the online 16:9 calculator and you’ll get the new height of your 16:9 video (write it down). Compare the difference between your video’s calculated height and the skins video height and you get an number in pixels. Divide the difference between these two measures by two. Remember that number or write it down.
After (it’s safest) you’ve saved your player, open the folder to edit the file “myvideoplayer.xml”. Write the height you got from the online calculator in h= ?? <video>. Then add (to existing number) the divided number in pixels you wrote down in the Y-axis of <video>. That will lower your video to line up in the middle of the skins video area.
If the backgound area isn’t black or even colored, it won’t work. Then you should consider the easier option, that is to convert your video to 4:3 and add black bars.
I sometimes decorate the background to make it look good when you choose not to autoplay your video, so if you need to fill it out and don’t want to edit the background in a photo editing program you should read my conversion tutorial.
When converting the other way around (16:9 skin) you just calculate with the height and change the widht and the X-axis in your XML file, or use the more easier way and crop or add black bars to your 4:3 videos using a videoconverter.
You’ll never have to worry about your videos actual size, the skin it self vill scale it right. Sometimes a oversized video is a benefit, it’s not the picture size that matters most, it’s never better than it’s compression, eg sound, bitrate etc. 320×240 is just a recommended size.
– – –
The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.