You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

@u-wave/react-vimeo组件onPlay回调函数无响应问题求助

解决@u-wave/react-vimeo回调函数不生效的问题
  • 问题根源:@u-wave/react-vimeo的回调事件不能直接以onPlay这类驼峰式props传递,必须通过events属性统一配置,且事件名使用Vimeo Player API的原生小写命名。
  • 修复步骤:
    1. 将需要监听的事件(比如播放、暂停)包装成一个对象,键为小写的事件名(如play),值为对应的回调函数。
    2. 把这个对象作为events属性传给Vimeo组件。

修改后的核心代码示例:

import Vimeo from "@u-wave/react-vimeo";

function App() {
  return (
    <div className="App">
      <Vimeo
        video="76979871"
        events={{
          play: () => console.log("视频开始播放"),
          pause: () => console.log("视频暂停")
        }}
      />
    </div>
  );
}

export default App;
  • 验证:修改后点击播放按钮,控制台就能正常输出预期日志了。

内容的提问来源于stack exchange,提问作者eferesen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 20:42:03