colorboxを使ってyoutubeのモーダルウィンドウを作成したが・・・

Question

colorboxを使ってyoutubeのモーダルウィンドウを作成して、ウェブにアクセスした時に自動で再生させるように実装しました。
しかし、音がなってしまうとそのサイトに来た人をびっくりさせてしまうかもしれないということで無音再生させようと思っています。
しかしcolorboxではその制御ができない感じなんです。
何かcolorboxとかぶせて指定できるものってありますか？
swfobjectやyoutube javascript apiを調べたのですが、colorboxと併用して作れるのか疑問なので今回質問させていただきました。
解答よろしくお願いします。

header.php ↓

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/colorbox.css" media="all">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.colorbox.js"></script>



<script>
$(document).ready(function(){
      $(".youtube").colorbox({
          iframe:true,
          open:true,
          innerWidth:640,
          innerHeight:360,
          speed:1800,
      });
  });
  </script>

index.php ↓

  <a href="https://www.youtube.com/embed/Avb0-AiE99s?rel=0&autoplay=1&amp;controls=0&amp;showinfo=0" class="youtube" ></a>

Answer 1

YouTubeではiframeを埋め込む場合URLパラメータによる音量の調整がないようです。
音量のコントロールを行いたい場合はYouTube IFrame Player APIを使ってplayerの設置→音量調整→再生を行う形になります。

そこでcolorboxにはcallbackが用意されているのでiframeのURLパラメータでのautoplayをやめて

$(.youtube).bind('cbox_complete', function(){
  //YouTube IFrame Player APIの処理
});

のような形でyoutube iframe apiで制御してみてはどうでしょうか。

参考
colorbox
YouTube IFrame Player API