当前位置: 首页 > 知识库问答 >
问题:

阻止youtube网站从react-native-webview重定向

沈运恒
2023-03-14

我正在通过react-native-webview在react-native应用程序中播放YouTube embedded LiveStream永久URL。Livestream工作正常。但是当选择一个视频标题或更多视频选项时,webview会显示Youtube网站。我试图阻止这一切。

<WebView
          style={{resizeMode: 'cover', flex: 1 }}
          allowsFullscreenVideo={true}
          javaScriptEnabled={true}
          mediaPlaybackRequiresUserAction={false}
          automaticallyAdjustContentInsets={true}
          allowsInlineMediaPlayback={true}
          domStorageEnabled={true}
          decelerationRate="normal"
          startInLoadingState={true}
          scalesPageToFit={false}
          scrollEnabled={false}
          source={{ html: "<html> "
                              + "<body style='margin:0px;padding:0px;'> "
                                  + "<script type='text/javascript' src='http://www.youtube.com/iframe_api'></script> "
                                  + "<script type='text/javascript'> "
                                      + "var player; "
                                      + "function onYouTubeIframeAPIReady() "
                                          + "{"
                                              + "player=new YT.Player("
                                                  + "'playerId',"
                                                  + "{events:{onReady:onPlayerReady}},"
                                              + ")"
                                          + "} "
                                      + "function onPlayerReady(event) {player.playVideo();} "
                                  + "</script> "
                                  + "<iframe id='playerId' "
                                      + "type='text/html' "
                                      + "width='100%' "
                                      + "height='100%' "
                                      + "src='"+ this.stateLiveTv.url +"&rel=0&showinfo=0&controls=1&enablejsapi=1&modestbranding=1&autoplay=1&playsinline=1' "
                                      + "frameborder='0' "
                                      + "allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' "
                                      + "allowfullscreen> "
                              + "</body> "
                          + "</html>"
                    }} >
        </WebView>

请建议我防止在webview中显示YouTube网站,或者建议我向其他支持嵌入永久URL播放的库提供支持。提前感谢!

共有1个答案

李新霁
2023-03-14

您可以将youtube sdk嵌入react本机。那会给原生经验。

Youtube sdk react-native

 类似资料:
  • 我正在尝试在react原生Android/iOS应用程序中播放Youtube视频。我定义了一个WebView: 并传递我要播放的视频的url: 但这将在webview中显示整个youtube页面,包括评论部分。

  • 问题内容: 我有一个可以广泛使用WebView的应用程序。当此应用程序的用户没有Internet连接时,将显示一个页面,显示“网页不可用”和其他各种文字。有没有办法在我的WebView中不显示此通用文本?我想提供自己的错误处理。 我发现WebView-> clearView 实际上并未清除视图。 问题答案: 首先使用HTML创建您自己的错误页面,并将其放在资产文件夹中,我们将其称为myerrorp

  • 有人让我创建一个脚本,将移动用户直接重定向到插入电话号码的电话应用程序。而不是查看网页。 不知何故,我的脚本只适用于点击事件,而不适用于页面加载事件。 问候

  • 是否可以从webview播放youtube视频,就像我从浏览器访问youtube网站时视频开始播放时一样,它在全屏播放视频。 以下是我到目前为止的代码:

  • 我正在构建一个混合反应原生RubyonRails应用程序。我正在使用组件中的来检测页面中的更改,并使用它来更改react native navigation菜单。这很好,但当我尝试使用时,页面中可能会有更改,但不会触发。 使用以下代码触发导航状态更改 这可以正常工作,但如果我在ROR应用程序中打开TurboLink,则不再触发。 我该如何解决这个问题?

  • 我在Spring Boot应用程序中有以下类: 当我通过GET请求调用它时,我得到一个200 OK的回复,其中包含BBC的HTML源代码。co.uk公司。因此,似乎正在遵循重定向。 根据HTTP规范第10.3.3节: 如果收到302状态码以响应GET或HEAD以外的请求,则除非用户能够确认,否则用户代理不得自动重定向该请求 此外,它还专门针对非GET响应,并不规定GET请求应该重定向。因此,尽管在