Question

最近升级到react-native 0.59.10后，我无法观看嵌入的youtube视频：

遇到错误加载页面{描述：“ net :: ERR_CONNECTION_CLOSED”，代码：-6，canGoForward：false，canGoBack：false，标题：“”，…}

使用

export default class VideoPlayer extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      appState: AppState.currentState
    };
  }
  componentDidMount() {
    AppState.addEventListener("change", this._handleAppStateChange);
  }
  componentWillUnmount() {
    AppState.removeEventListener("change", this._handleAppStateChange);
  }

  _handleAppStateChange = nextAppState => {
    console.log(nextAppState)
    this.setState({ appState: nextAppState });
  };

  render() {
    let {
      id,
      icon,
      title,
      bookMarked,
      description,
      youtubeVideo,
      preview,
      url
    } = this.props;

    return (
      <View style={styles.container}>
        <WebView
          javaScriptEnabled={true}
        domStorageEnabled={true}   
          source={{
            uri: `https://www.youtube.com/embed/${youtubeVideo}`
          }}
        />
      </View>
    );
  }
}

环境：

本机版本：0.59.10 react-native-webview版本：^5.12.1

Answer 1

在链接YouTube视频之前，它说的是“ uri”而不是“ url”。

无法将YouTube嵌入到Webview中

1 个答案: