あまり使う機会はないと思いますが、YouTube動画をバナー代わりに使うときなどに、ミュート＆ループ＆コントロールバーの色をカスタマイズして埋め込む際のTips。
まず、Google APIの読み込み。（他にGoogle APIを使っている場合は、設置位置によって動作しないことがあるかもしれませんので、適宜）
|
1 2 |
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <script src="http://www.google.com/jsapi"></script> |
動画の表示とスクリプト
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="ytapiplayer">...loading</div> //動画の表示 <script type="text/javascript"> google.load("swfobject", "2.1"); function onYouTubePlayerReady(playerId) { ytplayer = document.getElementById("myytplayer"); ytplayer.playVideo(); ytplayer.mute(); //音声をミュート } var params = { allowScriptAccess: "always" }; var atts = { id: "myytplayer" }; swfobject.embedSWF("http://www.youtube.com/v/動画のID?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=false&version=2&autoplay=1&loop=1&autohide=0&border=0&color2=0xCCCCCC", "ytapiplayer", "幅", "高さ", "8", null, null, params, atts) </script> |
“loop=1″で動画をループ。”color2″でコントロールバーの色指定。最新のバージョンは３ですが、”version=2″にしないとコントロールバーの色のカスタマイズが効きませんでした。その他のパラメータの説明は割愛。