Does vue3 support custom buttons to play pause video?

[F1462900874]

Describe the bug

I'm using the latest version of vue3 and have gotten the component instance, but can't execute the play() method

Reproduction

<script setup> const videoPlayerRef = ref('') const vedioStore = useVedioStore() const { allVedioList } = storeToRefs(vedioStore) const playerOptions = ref({}) console.log("videoPlayerRef", videoPlayerRef); </script>

System Info

"dependencies": {
    "@videojs-player/vue": "1.0.0",
    "video.js": "8.9.0",
    "vue": "^3.3.11",
    "vue-router": "^4.2.5",
  },

Used Package Manager

yarn

Validations

• Read the the documentation in detail.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[fengfengzhidao]

我也遇到这个问题了，主键实例的这些方法都是undefined，只能通过dom去执行方法

[ganpat-addweb]

i got same error.

[ljb2458]

import videojs from "video.js";
import { VideoPlayer } from "@videojs-player/vue";
const VideoPlayerRef = ref<InstanceType>();

const playe= computed(() => {
const div: HTMLDivElement = VideoPlayerRef.value?.$el;
if (!div) return;
return videojs.getPlayer(div);
});

function fullScreen() {
playe.value?.requestFullscreen();
}

//template

希望对你有帮助