ページに Youtube ビデオを埋め込みたいのですが、ビデオと Web ページの両方に同じ背景色を使用したいと考えています。
私はこのコードを使用します
<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>
ビデオを再生すると、完全に統合されていることがわかります。しかし、ビデオを再生する前に読み込まれたサムネイルには、奇妙な上下の境界線が表示されることがあります。
縦横比 (16:9) を維持してより大きなサイズを使用すると、境界線が表示されません。Linux と Windows、IE、Firefox と Chrome、および他のビデオでテストしましたが、すべてのビデオで問題が解決しません。
ありがとう