youtube - 是否可以使用ReactVR链接到360 YouTube视频？

Question

在ReactVR for VideoPano的文档中

它演示了如何在代码库中指向视频。

是否可以链接到外部链接(又名Youtube)？

因此，它将代替video.mp4链接到https://www.youtube.com/watch?v=hkgYIr_LWPw&index=1&list=PL-BE7kqSgbEj44peyt5BmLK63kbDp7Rhu

let videoUrl = 'video.webm';
const supportedFormats = NativeModules.VideoModule.supportedFormats;
for (let i = 0; i < supportedFormats.length; i++) {
  if (supportedFormats[i] === 'mp4') {
    videoUrl = 'video.mp4';
  }
}

其余代码看起来像这样。

class WelcomeToVR extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      playerState: new MediaPlayerState({autoPlay: true, muted: true}), // init with muted, autoPlay
    };
  }
  render() {
    return (
           <View>
           <VideoPano
    playerState={this.state.playerState}
  source={asset(videoUrl, {layout: 'SPHERE'})}
         />
         <VideoControl
  style={{
  height: 0.2,
          width: 4,
                 layoutOrigin: [0.5, 0.5, 0],
  transform: [{translate: [0, 0, -4]}],
}}
playerState={this.state.playerState}

Answer 1

解决方案1(无效)

您可以尝试使用嵌入视频:https://www.youtube.com/embed/hkgYIr_LWPw。这只会给您视频而没有其他内容。

如果您需要嵌入式视频，只需在视频上单击鼠标左键，然后选择“嵌入此视频”并更改您的源

<VideoPano playerState={this.state.playerState} source={videoUrl} />

由于源代码还是HTML，JS和CSS，因此不确定是否可以启动。但是您可以尝试一下。而且没有用

解决方案2

使用YouTube downloader 1或其他下载视频，然后使用它。

<VideoPano playerState={this.state.playerState} 
            source={ asset(videoUrl, { layout: 'SPHERE' }) } />

1没有宣传该工具，只是我在Google上找到的第一个结果。