我如何检测视频 Vimeo 何时完成播放？

Question

我在页面上添加 vimeo 作为链接并尝试使用 onEnded 事件，但它不起作用。我的代码在这里

const iframe = useRef(null)

const myCallback = () => (console.log('Video has ended'));

     <iframe

        ref={iframe}

        src='some-link'

        onEnded={() => myCallback()}          

      />

请你给我一些可以帮助的建议

Answer 1

我认为本地人iframe无法从嵌入的 Vimeo 视频中检测到事件。您可以在此处参考官方 Vimeo Player API&nbsp;。如果您选择基于组件的方法，也有现有的 React 实现。import React from "react";import Vimeo from "@u-wave/react-vimeo";export default function App() {&nbsp; const myCallback = () => console.log("Video has ended");&nbsp; return (&nbsp; &nbsp; <div className="App">&nbsp; &nbsp; &nbsp; <Vimeo video="347119375" autoplay onEnd={() => myCallback()} />&nbsp; &nbsp; </div>&nbsp; );}CodeSandBox：https://codesandbox.io/s/so-react-vimeo-embed-6xt25 参考：https ://github.com/u-wave/react-vimeo