Question

您好我正在使用Media Element并且我试图将显示块和none绑定到媒体元素播放和暂停事件。有关如何做到这一点的任何想法？

这是我的代码

$('#mejs-player').mediaelementplayer
  features: [
    "playpause"
  ]
  alwaysShowControls: true
  iPadUseNativeControls: true
  iPhoneUseNativeControls: true
  AndroidUseNativeControls: true
  pauseOtherPlayers: true

任何帮助将不胜感激

Answer 1

您正在寻找的（css）选择器/元素是

.mejs-button.mejs-playpause-button.mejs-play button {}

另一方面，您必须使用逗号

分隔每个API选项

$('#mejs-player').mediaelementplayer({
    // API options
    features: ["playpause"],
    alwaysShowControls: true,
    iPadUseNativeControls: true,
    iPhoneUseNativeControls: true,
    AndroidUseNativeControls: true,
    pauseOtherPlayers: true
});

...否则你会得到一个js错误而MEJS将无效。

注意，如果您设置选项

features: ["playpause"]

...只有playpause按钮才会出现在控制栏上。如果您将其设置为none喜欢

.mejs-button.mejs-playpause-button.mejs-play button {
    display: none;
}

...控制栏将为空。

参见 JSFIDDLE

将css元素添加到mediaelement

1 个答案: