关闭&x27；更多选项'；在Azure媒体播放器中

如何关闭或隐藏Azure Media Player控件菜单中的“更多选项”项

---

我仍然需要其他控件，因此禁用整个控制栏不是一个选项。

当前Azure Media Player没有任何API来关闭“更多选项”菜单，因为它用于在控制栏太小而无法正确显示时容纳按钮

但是，您可以使用一些简单的CSS隐藏此按钮：

<style>
    .amp-moreoptions-control{
        display:none;
    }
</style>

.amp选项控制{
显示：无；
}

您还可以在此处为Azure Media Player添加新想法或请求：

---

当前Azure Media Player没有任何API来关闭“更多选项”菜单，因为当控制栏太小而无法正确显示时，它用于容纳按钮

但是，您可以使用一些简单的CSS隐藏此按钮：

<style>
    .amp-moreoptions-control{
        display:none;
    }
</style>

.amp选项控制{
显示：无；
}

您还可以在此处为Azure Media Player添加新想法或请求：

---

在amp constructor选项上传递自定义插件>controlBarIcons对象也可以正常工作，如：

plugins: {
    controlBarIcons: {
        leftIcons: ["playToggle", "previousTrackButton", "skipBackwardButton", "rewindButton", "fastForwardButton", "skipForwardButton", "nextTrackButton", "playbackSpeedButton", "liveDisplay"],
        middleIcons: ["liveIndicator", "currentTimeDisplay", "timeDivider", "durationDisplay", "volumeMenuButton"],
        rightIcons: ["shareButton", "castToDeviceButton", "audioTracksButton", "subtitlesButton", "captionsButton", /*"qualityButton",*/ /*"moreOptionsButton",*/ "fullscreenToggle"],
        removeOtherIcons: ["qualityButton", "moreOptionsButton"]
    },
}

---

您必须将您不想显示的图标放在“removeOtherIcons”上，这样您就可以更改图标的顺序或将图标移动到其他栏。

将自定义插件>controlBarIcons对象传递到amp constructor选项上，效果也很好，例如：

plugins: {
    controlBarIcons: {
        leftIcons: ["playToggle", "previousTrackButton", "skipBackwardButton", "rewindButton", "fastForwardButton", "skipForwardButton", "nextTrackButton", "playbackSpeedButton", "liveDisplay"],
        middleIcons: ["liveIndicator", "currentTimeDisplay", "timeDivider", "durationDisplay", "volumeMenuButton"],
        rightIcons: ["shareButton", "castToDeviceButton", "audioTracksButton", "subtitlesButton", "captionsButton", /*"qualityButton",*/ /*"moreOptionsButton",*/ "fullscreenToggle"],
        removeOtherIcons: ["qualityButton", "moreOptionsButton"]
    },
}

---

你必须将你不想显示的图标放在“removeOtherIcons”上，这样你就可以更改顺序或将图标移动到其他栏。

谢谢Amit，css解决方案将完成这项工作：）我注意到，只有当播放器小于minWidth属性时，“更多选项”按钮才会显示。minWidth属性默认设置为600，但我不知道如何更改它。你知道是否可以为minWidth设置一个不同的值吗？很好的反馈。目前还没有办法通过API实现这一点，但这似乎是一个很好的建议，可以添加到Azure Media Player的页面中。感谢Amit，css解决方案将完成这项工作：）我注意到只有当播放器小于minWidth属性时，“更多选项”按钮才会显示。minWidth属性默认设置为600，但我不知道如何更改它。你知道是否可以为minWidth设置一个不同的值吗？很好的反馈。目前没有办法通过API实现，但这似乎是一个很好的建议，可以添加到Azure Media Player的页面。我无法在html文件中创建插件。代码：（函数（）{amp.plugin（'yourPluginName'，函数（选项）{var myPlayer=this；myPlayer.addEventListener（amp.eventName.ready，函数（）{console.log（“player is ready！”）；}）；}）；}）。调用（this）；-----------此代码抛出一个没有消息的错误。我正在尝试加载azure media js的index.html后加载。我无法在html文件中创建插件。代码：（函数（）{amp.plugin（'yourPluginName'，函数（选项）{var myPlayer=this；myPlayer.addEventListener（amp.eventName.ready，函数（）{console.log（“player is ready！”）；}）；}）；}）。调用（this）；-----------此代码抛出一个没有消息的错误。我正在尝试加载azure media js的index.html后加载。