plyr not work in nextjs13

[xiayutian3]

i use plyr@3.7.8 in nextjs13.4, the player not work,but the same code in reactjs,it work, why?
here is the code

`"use client"
import React, { useRef, useEffect } from 'react';
import Plyr from 'plyr';
import "plyr/dist/plyr.css";
const Player = ({ videoSrc, videoType }) => {
const videoRef = useRef();

  useEffect(() => {
    if(!videoRef.current) return;

    const playerInstance = new Plyr(videoRef.current);

    return () => {
      playerInstance.destroy();
    }
  }, []);

  return (
    <video ref={videoRef} controls playsInline>
      {/* <source src={videoSrc} type={videoType || 'video/mp4'} /> */}
    </video>
  );
}

export default Player;`

Expected behaviour

Actual behaviour

Steps to reproduce

Environment

• Browser: Chrome
• Version: 119
• Operating System: windows
• Version: 11

Additional context

Project Info:
Next.JS: 13.4
Plyr: 3.7.8