I want to embed a Youtube video in my page, and I want to use the same background color for both, my video and my web page.
I use this code
<object type="application/x-shockwave-flash" id="ytplayer" data="http://www.youtube.com/v/u-fvcm2mx7A?enablejsapi=1&playerapiid=ytplayer&version=3&autohide=1&rel=0&showinfo=0&iv_load_policy=3&theme=light&color=white" style="width: 400px; height: 225px;">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
</object>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
Everything works fine, when I play the video I can see it fully integrated. But the the thumbnail loaded before playing the video, sometimes has strange top and right borders.
If I use bigger sizes, maintaining the aspect ratio (16:9), the borders do not show. I have tested in Linux and Windows, and IE, Firefox and Chrome, and with other videos but the problem persists in all of them.
Thanks