About
Vimeo uses a dedicated embed code for live events. This can cause a loss of responsiveness when embedding these events into Moodle using Video Time. This is a limitation of Vimeo itself.
Workaround
If you experience this issue, you can apply a custom CSS snippet to your site. Note that this fix applies site-wide and includes the following limitations:
Video format: All Vimeo videos on your site change to a 16:9 format, meaning other formats will be cropped
Video responsiveness: All Vimeo videos on your site become responsive, which overrides manual height and width settings
Add the following code snippet to your site custom CSS settings:
/* this ensures that the video time player is responsive with vimeo events */
.vimeo-embed { max-width: 100%; aspect-ratio: 16/9; }
.vimeo-embed iframe { width: 100%; height: 100%; }