jwplayer.js controlbar制御

質問

ビデオ再生時に、コントールバーを消したり、表示させたりしたいのですがその制御方法が分からずにいます。（マウスオーバー／マウスアウトでの制御？）

サンプルのようにしたいのですが、どうすべきかお教え願えないでしょうか！

サンプル
http://www.longtailvideo.com/players/

私のテストソースは、以下となります。

<div id="jwplayer"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>

<script type="text/javascript">
jwplayer("jwplayer").setup({
flashplayer: "player.swf",
file: "video01.flv",
width: 512,
height: 384,
skin: "dangdang.swf",
image: "video01.jpg",
controlbar: "over"
});
</script>

<noscript><p>JavaScript対応ブラウザで表示してください。</p></noscript>

回答No.1

yyr446 · ベストアンサー

jwplayerで提供されているコントールバーをjavascriptで操作するAPIは提供されてませんね。そのコントロールバーはフラッシュです。
jwplayerのオプションでcontrolbar: "over"を指定するとマウスオーバー／マウスアウトで
バーが現われたり消えたりするわけです。controlbar: "over"の時、controlbar.idlehide:" false"が指定されてるとプレーヤーが停止状態の時は非表示になります。これくらいですね

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12536/configuration-options

　自作したいなら、controlbar: "none"にして、別途javascriptで制御するコントロールバーをjwplayerのjavascript APIを使って作って、jwplayerのイベントハンドラーのAPIと組み合わせて制御する事になります。

↓制御のサンプル（バーじゃなくてリストですけど）
http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16022/controlling-the-player-using-javascript

↓イベントの利用サンプル
http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16024/listening-for-player-events

お礼

ありがとうございます。

今は、以下のようにして再生していますが、再生終了後に出る、info画面を表示させないようにしたいけど、分からずに格闘している状態です！

-----(html)-----
<a name="video"></a>
■ビデオ再生(Jwplayer)<br>
<center><div id="jwplayer"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div></center>
<script type="text/javascript">
var so = new SWFObject("./player.swf","ply","512","384","9");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addVariable("autostart","flase");
so.addVariable("file","./video01.flv");
so.addVariable("image","./video01l.jpg");
so.addVariable("skin","./dangdang.swf");
so.addVariable("controlbar","over");
so.write("jwplayer");
</script>
<ul id="videoimg">
-----(html)-----

・参考
http://tsubakuro.xii.jp/htm/javascript/