reactjs 使用React和Typescript将YouTube频道嵌入网站,页面显示404

xlpyo6sf  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(171)

当我运行下面的代码时,页面运行,里面的Youtube播放器显示404。我想知道我的URL是否有误。正如你在下面看到的,我首先创建了一个名为YouTubePlayer的常量,它加载https://www.youtube.com/embed/?listType=user_uploads&list=${channelID}作为URL。

import React from 'react';
//import MyPostsDashboard from 'src/app/pages/dashboard/components/MyPostsDashboard';

interface YouTubePlayerProps {
  channelID: string;
}
 
const YouTubePlayer: React.FC<YouTubePlayerProps> = ({ channelID }) => {
  const embedUrl = `https://www.youtube.com/embed/?listType=user_uploads&list=${channelID}`;
  return (
  <div>
    <iframe
      id="ytplayer" 
      width="640" height="360"
      src="{embedUrl}"            
    ></iframe>
    </div>
  );
};

const MyComponent = () => {
  const channelID = 'UCm9C6bqd05CQOVdOSC6fV2g';
  
  return (
    <div>
      <h1>Welcome to My YouTube Channel</h1>
      <YouTubePlayer channelID={channelID} />
    </div>
  );
};

export default MyComponent;
dldeef67

dldeef671#

似乎没有办法为这种风格的频道名称获得此功能。参见this tracker link
是的。无法嵌入只有Google+用户名的YouTube频道。
因此,虽然较旧的频道(使用常规用户名)仍然可以正常工作,例如> Ashens频道:https://www.youtube.com/embed/?listType=user_uploads&list=ashens
使用像https://www.youtube.com/c/DutchNerdClub这样的较新通道生成这样的列表是不可能的

相关问题