Question

正在使用react应用（分步组装说明），显示onClick一些电影。任何步骤都可以包含1到6部电影。无法将电影路径（源）映射到多个videojs播放器。

我想使用videojs在react组件中动态显示一些电影。我将videojs的示例（https://docs.videojs.com/tutorial-react.html用作模板。一切在静态场景下都可以正常工作-单独的“ videoJsOptions”具有预先已知的来源，以及单独的组件...当我试图在地图或foreach中动态创建VideoPlayers时，我在尝试在每个场景中创建const时遇到问题循环步骤。例如。如何创建动态const的名称... 因此，有人可以帮我吗-如何从州映射电影？

{this.state.movies.map(themovie => {
    rbr++;
    this["something"+rbr] = {
    autoplay: false,
    controls: true,
    height: 320,
    width: 480,
    sources: [{
        src: {themovie},
        type: 'video/mp4'
    }]
};
    return <VideoPlayer { ...this["something"+rbr] } key={rbr} />;
})}

我收到的错误是：“ VIDEOJS：错误：（CODE：4 MEDIA_ERR_SRC_NOT_SUPPORTED）找不到与此媒体兼容的来源。”

Answer 1

我从不应该在晚上发布问题。早上情况看起来更好。只需取下花括号即可，一切都很好。

src: themovie

顺便说一句，有没有更聪明的方法将文件名路径映射到动态创建的播放器？

同一react组件中的多个videojs播放器

1 个答案: