我試圖從谷歌Firebase API的鏈接導入一個TIKTOK克隆應用程序的視頻。但是，當我按“播放”時，出現以下錯誤信息:

錯誤 由src屬性或分配的媒體提供程序對象指示的媒體資源不合適。

下面是React代碼，我用它來處理視頻的開始。視頻來源于Firebase Storage上的一個URL。

import React, { useRef, useState } from "react";
import "./video.css";

function Video() {
  const videoRef = useRef(null);
  const [play, setPlay] = useState(false);

  function handleStart() {
    if (play) {
      videoRef.current.pause();
      setPlay(true);
    } else {
      videoRef.current.play();
      setPlay(true);
    }
  }

  return (
    <div className="video">
      <video
        className="video__player"
        ref={videoRef}
        onClick={handleStart}
        loop
        src="https://firebasestorage.googleapis.com/v0/b/jornada-dev.appspot.com/o/brecker2.mp4?alt=media&token=b5399418-9276-4e53-a706-1e00290c2c74"
      >
        
      </video>
    </div>
  );
}

export default Video;

我可以假設每當請求以對象或錯誤而不是實際的媒體二進制大對象來響應時，它將拋出媒體類型不適合的錯誤。

您可以嘗試先用javascript獲取blob，檢查是否沒有錯誤，對象類型確實是mp4，然后才將其設置為src，這樣就可以100%確定您傳遞給src的是什么類型。

onError={event => console.log(event.target.error.message)}