• plugin:jplayer

jplyer Pluginを使うことによって、ブラウザー標準のプレイヤーよりも、高機能になります。

mp3 and ogg files are currently supported.
jplyerは、動画に対応しているのですが、このプラグインは対応していないみたいです。

キャッシュで、変更が反映されないので、対応方法を記載しておきます。

• テストページには、「~~NOCACHE~~」で、キャッシュしないようにする。
• 「Ctrl F5」で、ページ更新
• スマホはさらに、キャッシュをしまくりなので、履歴のクリアが必要です。

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/css/jplayer.blue.monday.min.css

minだと、読めないので、コピーして、minでない方を利用します。
cp -p jplayer.blue.monday.css jplayer.blue.monday.min.css

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/mustache/jplayer.blue.monday.audio.single.html

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/jplayer/jplayer.playlist.min.js

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/add-on/jplayer.playlist.min.js

dokuwiki/lib/plugins/jplayer/vendor/happyworm/jplayer/dist/jplayer/jquery.jplayer.min.js

■変更前
            loop: false,

■変更後
            loop: true,

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/css/jplayer.blue.monday.min.css

■変更前
.jp-details,
.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

■変更後
.jp-details,
.jp-playlist {
  width: 0%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

#変更前
.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em; }

#変更後
.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: 0em; }

• サイト内で音楽や効果音を鳴らすjQueryプラグイン「jPlayer」の使い方 | WebIsm

「プラグイン」に戻る
DokuWikiおすすめプラグイン一覧。まとめ