2016-06-30 24 views
1

我要让JWplayer皮肤像这样是否可以在jwplayer控制栏上设置图标/按钮的顺序?

skin design

,这是我目前的进展

my current jwplayer skin

我一直在寻找的引用来切换icon/button的顺序controlbar,根据到jwplayer文档中,控制栏上的按钮分为左右三组。我想将左侧组的一些按钮移至右侧组。

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

可能b你可以,但你可以提供控制栏演示,以便我们可以检查 –

回答

1

如果你的播放器是基于HTML而不是基于FLASH的,那么你可以完全访问播放器的HTML布局。

所有你需要做的是重新排序元素:

  1. 检查元素看到一些特定的类/ ID或只是简单的元素指标
  2. 使用一些jQuery的/ js的重新排序元素(question about that
+0

hi @Justinas,ty为答案。它简单而有效。 但首先我们需要调用JWPlayer API来实现DOM更改。 例如: 'jwplayer()上( '准备好',函数(){$ ( “class.PrevButton。 ”)的insertBefore(“ class.PlayButton。”); 。});' 我希望。 JWPlayer为此按钮稍后重新排序提供配置选项。 –

+0

@fuadmakarim很好,很显然你首先必须加载玩家元素才能对它们进行任何更改... – Justinas

+0

很明显:D –

相关问题