是否可以在 jwplayer 控制栏上设置图标/按钮的顺序？

Question

我想制作JWplayer这样的皮肤

这是我目前的进度

我一直在寻找参考来切换 controlbar 上 icon / button 的顺序，根据 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 控制栏中按钮的顺序？

Answer 1

如果您的播放器基于 HTML 而不是基于 FLASH，则您可以完全访问 HTML 播放器布局。

您所要做的就是重新排序元素：

检查元素以查看一些特定的 classes/ID 或只是简单的元素索引
使用一些 jQuery/js 重新排序元素 (question about that)

Answer 2

如何给HTML5基础的播放器添加元素的方法，你可以看看。

是否可以在 jwplayer 控制栏上设置图标/按钮的顺序？

is it possible to set the order of icon / button on jwplayer controlbar?

javascript

css

jwplayer