首页 > 解决方案 > 从 React.js 频道获取所有 youtube 视频

问题描述

我正在尝试在我的 React 应用程序中使用 react-youtube,并且我想从 youtube 频道中检索所有视频。情况是它必须始终将所有视频显示为引用 YouTube 中视频的缩略图,就像它们在 YouTube 频道中列出的一样。

您能否为我提供一个解决方案。我已经阅读了文档和几十个线程,但仍然找不到解决方案。

我的页面代码如下所示。

import React from "react";
import { Button, Row, Col, ListGroup, Container, Card } from "react-bootstrap";
import YouTube from 'react-youtube';

const Media = () => {
  return (
    <>
    <div className="landing-section landing-bg-gradiant">     
    
    </div>
    </>
  );
};

export default Media;

我将非常感谢您的帮助。我是编程新手。

标签: javascriptreactjsnpmyoutube-data-api

解决方案


如果要显示来自 Youtube 频道的所有视频,则必须使用 Google 维护的 Youtube API ( https://developers.google.com/youtube/v3 )。您向我们展示的 NPM 包是在 React 组件中显示特定的 Youtube 视频。


推荐阅读