将音量面板右对齐

Question

我需要将 volumePanel 对齐到右上角。好像API没有这个功能，所以，我在CSS上做了很多尝试，但它不想移动:(我已经建立了一个准备工作template 在 codesandbox。请帮助我。

Answer 1

添加此 CSS 规则以将音量面板设置到右侧。由于这是一个组件，请确保您不使用范围样式标签，而是使用常规样式标签

<style>
  .vjs-control-bar {
     display: flex;
     justify-content: end;
}
</style>

You should get this result

Answer 2

您必须创建自己的自定义外观以根据需要放置元素并根据需要设置样式。 VideoJS 有这方面的文档，并且有很多网站可以让您自定义皮肤。

Align volume panel to right