Repository: yt-dlp
Issue: [ie/vimeo] support more variants of the embedded player
Labels: site-enhancement

### DO NOT REMOVE OR SKIP THE ISSUE TEMPLATE

- [X] I understand that I will be **blocked** if I *intentionally* remove or skip any mandatory\* field

### Checklist

- [X] I'm requesting a site-specific feature
- [X] I've verified that I have **updated yt-dlp to nightly or master** ([update instructions](https://github.com/yt-dlp/yt-dlp#update-channels))
- [X] I've checked that all provided URLs are playable in a browser with the same IP and same login details
- [X] I've searched [known issues](https://github.com/yt-dlp/yt-dlp/issues/3766) and the [bugtracker](https://github.com/yt-dlp/yt-dlp/issues?q=) for similar issues **including closed ones**. DO NOT post duplicates
- [X] I've read the [guidelines for opening an issue](https://github.com/yt-dlp/yt-dlp/blob/master/CONTRIBUTING.md#opening-an-issue)
- [ ] I've read about [sharing account credentials](https://github.com/yt-dlp/yt-dlp/blob/master/CONTRIBUTING.md#are-you-willing-to-share-account-details-if-needed) and I'm willing to share it if required

### Region

the World

### Example URLs

- https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api (#5545)
- https://dffb-archiv.de/dffb/subjektituede (#5116)

### Provide a description that is worded well enough to be understood

### Suggestion

Let's match more Vimeo things. If a container in the webpage contains both "vimeo" and "id", we should try extracting the video url.

### Examples

#### vimeo/player.js

https://github.com/vimeo/player.js

I saw this in some websites. Here is a handmade example.

```html
<html>
  <body>
    <script src="https://player.vimeo.com/api/player.js"></script>
    <div id="vimeo-player-id"></div>
    <script>
      new Vimeo.Player("vimeo-player-id", {
        id: 915119983,
      });
    </script>
    <div id="vimeo-player-url"></div>
    <script>
      new Vimeo.Player("vimeo-player-url", {
        url: "https://vimeo.com/915119983",
      });
    </script>
  </body>
</html>

<!-- Run the above code on https://jsfiddle.net/ -->

```

The [demo](https://player.vimeo.com/api/demo) of "vimeo/player.js" is recognized by yt-dlp, though:

https://github.com/yt-dlp/yt-dlp/blob/c59de48e2bb4c681b03b93b584a05f52609ce4a0/yt_dlp/extractor/vimeo.py#L337-L338

.

#### Vue School

https://vueschool.io/

#5545

This is a js-based [oEmbed](https://developer.vimeo.com/api/oembed/videos) player.

```html
<vimeo-player :id="665769592" lesson_id="691" lesson_title="Getting Started with Vue.js and the Composition API" course_id="42" course_title="Vue.js 3 Fundamentals with the Composition API" next_lesson_url="https://vueschool.io/lessons/vue-fundamentals-capi-vue-template-syntax-and-expressions" previous_lesson_url :user-is-guest="true" during-free-weekend show_controls="true">
<div id="bb-banner-container" class="rounded-lg overflow-hidden m-2 hidden relative md:block">
</div>
</vimeo-player>

<!-- from: https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api -->

```

```js
data(){return{started:!1,options:{id:this.id,loop:!1,portrait:!1,title:!1,byline:!1,responsive:!0}

mounted(){this.player=new s.a(this.$refs["vimeo-player"],this.options)

/* https://vueschool.io/bundles/js/37.983c89a208b7ef1565ed.js */

var i="https://vimeo.com/api/oembed.json?url=".concat(encodeURIComponent(e))

/* https://vueschool.io/bundles/js/15.983c89a208b7ef1565ed.js */

```

.

#### DFFB

https://dffb-archiv.de/

#5116

This is also a js-based [oEmbed](https://developer.vimeo.com/api/oembed/videos) player.

```html
<div class="vimeo" data-embed-url="https://player.vimeo.com/video/128349500"></div>

<!-- from: https://dffb-archiv.de/dffb/subjektituede -->

```

```js
r="//www.vimeo.com/api/oembed.json?api=1&url="+encodeURIComponent(e.data("embed-url"));

/* from: https://dffb-archiv.de/sites/default/files/js/js_4r7Cgiq6bdJLEGcJrjjD1Cnq6ZJGyN59wvz9gtyWXRA.js */

```

Btw, the favicon of this site is the same as "https://www.deutsche-kinemathek.de/" (#5106).


### Provide verbose output that clearly demonstrates the problem

- [X] Run **your** yt-dlp command with **-vU** flag added (`yt-dlp -vU <your command line>`)
- [ ] If using API, add `'verbose': True` to `YoutubeDL` params instead
- [X] Copy the WHOLE output (starting with `[debug] Command-line config`) and insert it below

### Complete Verbose Output

```shell
[debug] Command-line config: ['-vU', 'https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api', 'https://dffb-archiv.de/dffb/subjektituede']
[debug] Encodings: locale cp936, fs utf-8, pref cp936, out utf-8, error utf-8, screen utf-8 
[debug] yt-dlp version stable@2024.03.10 from yt-dlp/yt-dlp [615a84447]
[debug] Lazy loading extractors is disabled
[debug] Python 3.12.1 (CPython AMD64 64bit) - Windows-11-10.0.22631-SP0 (OpenSSL 3.0.11 19 Sep 2023)
[debug] exe versions: ffmpeg n6.1.1-7-ga267d4ad4c-20240222 (setts), ffprobe n6.1.1-7-ga267d4ad4c-20240222 
[debug] Optional libraries: Cryptodome-3.20.0, brotli-1.1.0, certifi-2024.02.02, mutagen-1.47.0, requests-2.31.0, sqlite3-3.43.1, urllib3-2.2.1, websockets-12.0
[debug] Proxy map: {}
[debug] Request Handlers: urllib, requests, websockets
[debug] Loaded 1808 extractors 
[debug] Fetching release info: https://api.github.com/repos/yt-dlp/yt-dlp/releases/latest
Latest version: stable@2024.03.10 from yt-dlp/yt-dlp 
yt-dlp is up to date (stable@2024.03.10 from yt-dlp/yt-dlp)
[generic] Extracting URL: https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api 
[generic] getting-started-with-vue-js-and-the-composition-api: Downloading webpage
WARNING: [generic] Falling back on generic information extractor 
[generic] getting-started-with-vue-js-and-the-composition-api: Extracting information 
[debug] Looking for embeds 
ERROR: Unsupported URL: https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api 
Traceback (most recent call last):
  File "...\yt_dlp\YoutubeDL.py", line 1606, in wrapper
    return func(self, *args, **kwargs)
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "...\yt_dlp\YoutubeDL.py", line 1741, in __extract_info
    ie_result = ie.extract(url)
                ^^^^^^^^^^^^^^^
  File "...\yt_dlp\extractor\common.py", line 734, in extract
    ie_result = self._real_extract(url)
                ^^^^^^^^^^^^^^^^^^^^^^^
  File "...\yt_dlp\extractor\generic.py", line 2530, in _real_extract
    raise UnsupportedError(url)
yt_dlp.utils.UnsupportedError: Unsupported URL: https://vueschool.io/lessons/getting-started-with-vue-js-and-the-composition-api

[generic] Extracting URL: https://dffb-archiv.de/dffb/subjektituede 
[generic] subjektituede: Downloading webpage
WARNING: [generic] Falling back on generic information extractor 
[generic] subjektituede: Extracting information 
[debug] Looking for embeds 
ERROR: Unsupported URL: https://dffb-archiv.de/dffb/subjektituede 
Traceback (most recent call last):
  File "...\yt_dlp\YoutubeDL.py", line 1606, in wrapper
    return func(self, *args, **kwargs)
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "...\yt_dlp\YoutubeDL.py", line 1741, in __extract_info
    ie_result = ie.extract(url)
                ^^^^^^^^^^^^^^^
  File "...\yt_dlp\extractor\common.py", line 734, in extract
    ie_result = self._real_extract(url)
                ^^^^^^^^^^^^^^^^^^^^^^^
  File "...\yt_dlp\extractor\generic.py", line 2530, in _real_extract
    raise UnsupportedError(url)
yt_dlp.utils.UnsupportedError: Unsupported URL: https://dffb-archiv.de/dffb/subjektituede
```