无法调用暂停视频的方法

[lixinliA]

Describe the bug

我在vue3+ts中使用无法调用暂停视频的方法

Reproduction

System Info

谷歌浏览器

Used Package Manager

pnpm

Validations

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

[surmon-china]

可能的排查方向：timeUpdate 事件可能会在 mounted 之前执行，如果是，则此时 videoRef 确实为空，加个非空判断或者 ?. 运算符即可。

[surmon-china]

另外：PlayerState 是一个 readonly 的响应式对象，天然基于 Vue 系统且自洽，所以如果你需要消费（衍生）一些播放器状态，应尽量使用 computed，如：

const remainingTime = computed(() => {
  return state.value
    ? state.value.duration - state.value.currentTime
    : 0
})

副作用可以基于数据状态的变化，而非事件，如：

watch(
  () => state.value?.currentTime,
  (time) => {
    if (time === 5) {
      // do something ...
    }
  }
)