2016-06-30 4 views
1

私はこのjwplayerコントロールバーのアイコン/ボタンの順番を設定することは可能ですか?

skin design

ようJWplayer肌を作りたいと、これは私が、controlbaricon/buttonの順序を切り替えるの参照を探し従ってきた私の現在の進行状況

my current jwplayer skin

ですドキュメントのjwplayerには、コントロールバーのボタンが中央の左右に3つのグループに分かれています。私は、左のグループのボタンのいくつかを右のグループに移動したいと思います。

jwplayer("player").setup({ 
skin: { 
    url:"jwplayer/skins/player.css", 
    name: "player" 
}, 
width: "100%", 
height: 100, 
playlist: [{ 
    "file": "katachi.mp3", 
    "title": "Shugo Tokumaru", 
    "description": "Katachi" 
}, 
{ 
    "file": "vektor.mp3", 
    "title": "Shugo Tokumaru", 
    "description": "Vektor feat" 
}, 
{ 
    "file": "decorate.mp3", 
    "title": "Shugo Tokumaru", 
    "description": "Decorate" 
}] 
}); 

ので、JWPlayerコントロールバー内のボタンの順序を設定する方法はありますか?

+0

でも可能ですが、コントロールバーのデモを提供できるので、答えは –

答えて

1

プレイヤーがHTMLベースであり、フラッシュベースではない場合、プレイヤーのHTMLレイアウトに完全にアクセスできるよりも、

あなたがしなければならない要素を並べ替えるです:

要素( question about that)を並べ替えるには、いくつかのjQuery/JSを使用し
  • いくつかの特定のクラス/ ID年代または単に要素のインデックスを参照する要素を点検
  • +0

    です。@Justinas、答えがありません。シンプルで効果的です。 しかし、最初にDOM変更を実装するためにJWPlayer APIを呼び出す必要があります。 例: 'jwplayer()上の( '準備'、関数(){ $( "class.PrevButton。 ")のinsertBefore(" class.PlayButton。"); 。});' iは期待。 JWPlayerには、後で並べ替えるための設定オプションがあります。 –

    +0

    @fuadmakarimまあ、それはあなたが最初に彼らと一緒に任意の変更を加えるためにプレーヤーの要素を読み込まなければならないことは明らかです... – Justinas

    +0

    まあ、明らかに:D –

    0

    HTML5ベースのプレーヤーに要素を追加する方法は、following solutionをご覧ください。

    関連する問題