mediaelement.js：在视频下方放置控件

Question

mediaelement.js的简单实现 - 因为我是一个简单的人。

我想将控件放在视频下方，而不仅仅是在视频底部。据我所知，处理控件的唯一参数是alwaysShowControls：true / false。

有没有办法将控件放在外面？视频下方？

谢谢，

Answer 1

我设法用CSS做了这个，通过在媒体元素容器下创建一些空间并将控件（已经有position:abdolute）推入该空间。您需要知道控制栏的高度才能执行此操作。例如，如果它是30px高：

.mejs-container {
  /* Create some space below the player for the controls to move into. */
  margin-bottom: 30px;
}

.mejs-container .mejs-controls {
  /* Move the controls into the space below the player. */
  bottom: -30px;
}