当我运行下面的代码时,页面运行,里面的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;
1条答案
按热度按时间dldeef671#
似乎没有办法为这种风格的频道名称获得此功能。参见this tracker link
是的。无法嵌入只有Google+用户名的YouTube频道。
因此,虽然较旧的频道(使用常规用户名)仍然可以正常工作,例如> Ashens频道:https://www.youtube.com/embed/?listType=user_uploads&list=ashens
使用像https://www.youtube.com/c/DutchNerdClub这样的较新通道生成这样的列表是不可能的