How do I add custom options

[anime-kun32]

Hi I'm trying to add new options in plyr's settings menu , the place were we find speed and caption
does plyr support this if so how do I do this

[anime-kun32]

I tried it doing here ```html

<title>Custom 1 Video Player</title> <style> body { margin: 0; overflow: hidden; } .plyr { width: 100vw; height: 100vh; } </style> <script src="https://cdn.jsdelivr.net/npm/plyr@3"></script> <script>

const urlParams = new URLSearchParams(window.location.search);
const videoID = urlParams.get("id");

if (!videoID) {
  console.error("No video ID provided in the URL. Add '?id=VIDEO_ID' to the URL.");
}


const baseApiUrl = `https://tt57.biananset.net/_v7/${videoID}/master.m3u8`;


const player = new Plyr("#player", {
  controls: [
    "play-large", "play", "progress", "current-time", "mute", "volume", "captions",
    "settings", "fullscreen"
  ],
  settings: ["captions", "quality", "speed", "audio", "server"], // Custom menus
});


let audioCategory = "sub"; // Default
let selectedServer = "hd-1"; // Default
const servers = ["hd-1", "hd-2", "streamsb", "streamtape"];


function updateSource() {
  const apiUrl = `${baseApiUrl}?category=${audioCategory}&server=${selectedServer}`;
  player.source = {
    type: "video",
    sources: [{ src: apiUrl, type: "application/x-mpegURL" }],
  };
}

function addCustomControls() {

  const audioMenuItems = [
    { label: "Sub", value: "sub", checked: true },
    { label: "Dub", value: "dub" },
  ];
  player.config.settingsMenu.audio = audioMenuItems;


  const serverMenuItems = servers.map((server) => ({
    label: server,
    value: server,
    checked: server === selectedServer,
  }));
  player.config.settingsMenu.server = serverMenuItems;


  player.on("settingchanged", (event) => {
    if (event.detail.setting === "audio") {
      audioCategory = event.detail.value;
      updateSource();
    }
  });

  player.on("settingchanged", (event) => {
    if (event.detail.setting === "server") {
      selectedServer = event.detail.value;
      updateSource();
    }
  });
}


updateSource();
player.on("ready", addCustomControls);

</script> ```

[anime-kun32]

but it doesen't work