为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

幕布斯6054654 2023-01-06 10:36:39

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


const iframe = useRef(null)

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

     <iframe

        ref={iframe}

        src='some-link'

        onEnded={() => myCallback()}          

      />

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


查看完整描述

1 回答

?
GCT1015

TA贡献1576条经验 获得超4个赞

我认为本地人iframe无法从嵌入的 Vimeo 视频中检测到事件。您可以在此处参考官方 Vimeo Player API 。如果您选择基于组件的方法,也有现有的 React 实现。

import React from "react";

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


export default function App() {

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


  return (

    <div className="App">

      <Vimeo video="347119375" autoplay onEnd={() => myCallback()} />

    </div>

  );

}

CodeSandBox:https

://codesandbox.io/s/so-react-vimeo-embed-6xt25 参考:https ://github.com/u-wave/react-vimeo


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 4 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信