Controls are always visible with Vimeo video
**Describe the bug**
I want to play Vimeo video without controls, but they are always displayed. Yeah, I can try to hide them via CSS, but it should work via API. When I used Plyr directly in other projects, `controls: false` does the job for Vimeo.
**Expected behavior**
Not to show default Vimeo controls.
**Post the code you are using**
Nuxt v3
`glightbox.client.js`
```
import GLightbox from "glightbox";
export default defineNuxtPlugin(() => {
const videoLightbox = () => {
const lightbox = GLightbox({
touchNavigation: false,
videosWidth: "1680px",
plyr: {
config: {
ratio: "16:9",
muted: false,
hideControls: true,
vimeo: {
byline: false,
portrait: false,
title: false,
speed: true,
transparent: false,
autoplay: true,
controls: false,
},
},
},
});
console.log("videoLightbox", lightbox);
};
return {
provide: {
videoLightbox: videoLightbox,
},
};
});
```
Component:
```
<script setup>
const { $videoLightbox } = useNuxtApp();
const lightbox = ref(null);
onMounted(() => {
lightbox.value = $videoLightbox();
});
</script>
<template>
<a
href="https://player.vimeo.com/video/76979871"
class="glightbox"
aria-label="Open showreel video"
>
</a>
</template>
```
**Desktop:**
- OS: MacOS 15.3.2
- Browser Chrome
- Version 134.0.6998.118
0 条评论