我试图从Google 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;
1条答案
按热度按时间9lowa7mx1#
嗨,👋我可以假设每当请求响应一个对象或错误,而不是一个实际的媒体blob,它会抛出媒体类型不适合的错误。
你可以先尝试用JavaScript获取blob,检查是否没有错误,对象类型确实是
mp4
,然后才将其设置为src,这样就可以100%确定你传递给src
的是什么类型。