Javascript 如何根据url检查文件是否是Vue.js的音频或视频文件

我有一个Vuetify播放列表，其中包含音频和视频媒体文件的组合。我需要能够启动视频播放器（如果是视频），或者使用html5音频组件（如果是）。mp3：

        <v-list-item
          v-for="media in media"
          :key="media.title"
          class="mb-2"
        >
          <v-list-item-content
            class="pa-4"
          >
            <v-list-item-title
              class="title"
              v-text="media.title"
            />
          </v-list-item-content>

          <v-list-item-action>
            <v-btn
              v-else
              icon
              large
              @click="play(media)"
            >
              <v-icon>play_arrow</v-icon>
            </v-btn>
          </v-list-item-action>
        </v-list-item>

---

任何正确方向的建议或建议都将不胜感激。

像这样的建议怎么样：

---

因为URL是字符串，所以我认为没有其他方法可以检查URL是否以.mp3或.mp4或任何其他特定文件类型的扩展名结尾。

。尽管使用像YouTube这样的URL，您不会走得很远

 data: () => ({
    media: [
      {
        id: 0,
        title: 'Exploring the culture at GSK',
        url: 'https://youtu.be/RBdgq5VTQmM'
      },
      {
        id: 1,
        title: 'The meaning of digital innovation: the pharmaphorum podcast',
        url: 'https://mcdn.podbean.com/mf/web/vji3n3/Episode_32_Omnipresence_March2021_mixdown8nikx.mp3'
      }]

...