将 CSS 元素竞价到 mediaelement

【问题标题】：Biding a css element to mediaelement将 CSS 元素竞价到 mediaelement
【发布时间】：2014-09-20 08:33:05
【问题描述】：

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

这是我的代码

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

任何帮助将不胜感激

【问题讨论】：

display block and none to media element play and pause event ...我猜你的意思是selector而不是event

标签： jquery css coffeescript mediaelement.js mediaelement

【解决方案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

【讨论】：