React native 如何将azure media services player嵌入本机web视图?

React native 如何将azure media services player嵌入本机web视图?,react-native,React Native,问题: 在我的react本机应用程序中,我将在react本机web视图中嵌入azure media services player <View style={styles.videoContainer}> <View style={styles.videoInnerContainer}> <WebView source={{ html: `<!DOCTYPE html>

问题:

在我的react本机应用程序中,我将在react本机web视图中嵌入azure media services player

<View style={styles.videoContainer}>
      <View style={styles.videoInnerContainer}>
        <WebView
          source={{
            html: `<!DOCTYPE html>
           <html>
             <head></head>
             <body>
             <iframe src="//aka.ms/ampembed?url=https://iinterviewermsdev-aase.streaming.media.azure.net/f6737115-da7c-4762-a524-debd64001cfc/QMediaInput_Camp453_QId2155_Can_.ism/manifest" name="azuremediaplayer" scrolling="no" frameborder="no" align="center" height="500px" width="100%" allowfullscreen="true"></iframe>
             </body>
           </html>`,
          }}
          javaScriptEnabled
          // scalesPageToFit={true}
          // allowsFullscreenVideo
          // allowsInlineMediaPlayback
          // mediaPlaybackRequiresUserAction
          // useWebKit
        />
       
      </View>
    </View>

上面我提供了我的代码。当应用程序运行时,它会在react本机应用程序中给我一个不变的违规URL不能为空错误。有人能帮我解决这个问题吗?多谢各位