youtube 视频网址不适用于“video-react”npm 模块答案

【问题标题】：youtube video url not working on "video-react" npm moduleyoutube 视频网址不适用于“video-react”npm 模块
【发布时间】：2019-01-30 03:05:08
【问题描述】：

在我的反应应用程序中，我需要显示视频。我正在使用“video-react”npm 模块。

当我将“https://www.youtube.com/watch?v=QPiFVXsdvXs”网址作为播放器来源时，它不起作用。

虽然“https://media.w3.org/2010/05/sintel/trailer_hd.mp4”网址工作正常。

 <Player
          autoPlay
          poster="/assets/poster.png"
          src={this.state.mediaUrl}
          //src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
            //src="https://www.youtube.com/watch?v=QPiFVXsdvXs"
        />

【问题讨论】：

当您说它“无法正常工作”时，请更具描述性 - 它显示了什么？控制台中有什么？等
src 应该是 youtu.be/QPiFVXsdvXs 而不是 youtube.com/watch?v=QPiFVXsdvXs 。你能改变和检查吗
我在video-react.js.org 上没有看到任何提及“youtube 链接”会起作用的内容。是什么让你认为它应该如此？它显然希望视频作为来源，而不是“可能包含视频的网页”。

标签： javascript reactjs

【解决方案1】：

Youtube 提供视频源和嵌入代码。

【讨论】：