0

カスタマイズされたHTML5オーディオプレーヤーにjMediaelementを使用しています。残念ながら、クライアントには垂直方向のボリュームスライダーが必要です。

jMediaelement APIを呼び出すときは、次のマークアップのみを使用できます。 

 <div class="volume-slider" title="volume slider"></div>

...これは水平方向のボリュームスライダーに置き換えられます。ボリュームハンドルを垂直（下=サイレントから上=大音量）に調整するにはどうすればよいですか？

私のプレーヤーのスクリーンショット

PS：私はすでにSourceforgeで問題を開いていますが、まだ答えはありません。

4

2 に答える 2

0

jMediaelement API には詳しくありませんが、css を使用してボリュームを反時計回りに 90 度回転させることができます。ボリューム ハンドルが水平方向ではなく垂直方向の動きを追跡するようにするには、おそらくイベント ハンドラーをいじる必要がありますが、それほど難しいことではありません。

CSSで回転させる記事はこちら

http://davidwalsh.name/css-transform-rotate

于 2012-12-08T15:02:02.757 に答える
0

幸いなことに、アレクサンダー自身が質問に答えました。彼の実用的なソリューションは次のとおりです。

とても簡単です。JME は jQuery-UI スライダーを使用し、jQuery-UI は、CSS によって垂直または水平のスライダーが必要かどうかを自動的に検出します。あなたがしなければならない唯一のことは、スライダーの幅よりも大きな高さを与えることです.

次の css は、垂直スライダーを作成します。

.volume-slider {
    height: 300px;
    width: 20px;
}

これで問題が解決しない場合は、スライダーに垂直オプションを渡すことができます。

于 2012-12-12T18:55:15.230 に答える