jqueryのプラグインjPlayerの設置方法

質問

jqueryを使用したプラグイン、jPlayerを設置しようと思っています。

solidstate everyday
http://solidstate.jp/Others/music/script_138.html

このサイトの説明をもとに設置を試みましたが、jPlayerはまったく表示されず、
テキストで

play
stop
min volume
max volume

と表示されるのみとなってしまいます。
サイトの説明通り、head部分にjqueryとjquery.jplayerのjsを読み込ませ、
その下に設定のjsを書きました。

さらにその下のbodyにサイトの「HTMLマークアップ」部分を
そのままコピペしました。
cssは公式サイト（http://www.jplayer.org/latest/demo-01）のソースにあったものを使用し、
swfファイルのパスも変更しましたがまったく表示されません。

現在勉強中のため質問自体わかりづらいかもしれませんが、
正しい設置方法を教えていただけないでしょうか。
どうかよろしくお願いいたします。

回答No.2

yyr446

ご存知だと思いますが、
　HTML、CSSとJavascriptだけでは動きませんよ。プレーヤー自体はフラッシュで作られてますからオリジナルサイトからダウンロードしたzipに含まれる「Jplayer.swf」もあなたのサイトにアップして、パス指定を修正してありますよね...

お礼

すばやいご回答ありがとうございます。
Jplayer.swfはすでにアップし、パス指定も修正しているのですが…。
ただ、公式サイトのデモページをコピーし、jquery.jplayer.jsとcssを修正しただけで動かしたところ、外枠のみが表示され、flashでできている再生・時間経過・ボリュームボタンは表示されませんでした。

Jplayer.swfは絶対パスで設定し、ブラウザからもアクセスはできるのでパスの場所は合っているのですが…。

回答No.1

fujillin

配布元サイトのデモは正常に作動しているのですよね？

であれば、ご質問文からは設置方法を間違えているとしかわかりません。

1）デモサイトのソースを参考に、まず、それをそっくりコピーしてみて動くか確認。
2）自分がやりたいように少しずつソースを修正しながら、動作を確認

というようなやり方が近道かも。

最初から自分で設定したければ、そのサイトのドキュメンテーションを読んで理解するしかないかも。
仮に、回答者がこれを読んで理解したとしても、どのように設置しているか不明なので、質問者様がどこで間違っているのかは指摘できないことでしょう。

お礼

すばやいご回答ありがとうございます。
仰るとおり、デモサイトのサイトをコピーし、サイト内のjquery.jplayer.jsを自分用に.swfをパスを設定したファイルに置き換え、相対パスで設定されているcssを絶対パスで設定しました。

その結果jPlayer部分の外枠は表示されるのですが、再生・停止・時間経過表示・ボリュームは表示されない状態です…。
ボタン部分はflashで作られているそうなので、これらが表示されないということは.swfのパス設定が間違っているということなのでしょうか。
絶対パスで設定し、.swfファイルにブラウザから直接アクセスすると、アクセスはできますが何も表示されない状態です。