WebView嵌入视频总是有视频周围的白色边框

我试图把YouTube视频iframe内部的WebView组件，它的工程很好，但是当我想设置WebView组件的大小以匹配iframe的大小它总是留下怪异的视频周围的边界。还有一件奇怪的事情是，将iframe宽度设置为屏幕宽度会在正确的网站上造成巨大的差距。我尝试了很多东西，例如在View标签中包装WebView，并将此View组件高度设置为iframe高度，但始终将边框保留在顶部和底部，这导致WebView在网站上具有滚动条。WebView嵌入视频总是有视频周围的白色边框

以下是图像： link

这里是我的代码

render() { 
    return(
      <WebView 
      source={{html: `<html><body><iframe width="${this.SCREEN_WIDTH}" height="315" src="https://www.youtube.com/embed/ojmk5tSj0sE" frameborder="0" allowfullscreen></iframe></html></body>` }} 
      style={{height: 20}} 
      > 
      </WebView>   
    ) 
}

，你可以看到我试图在这里把高度= 20，但ID没有改变任何东西我仍然可以看到整个视频。我尝试使用自动组合AdjustContentInsets = {false}和 scalesPageToFit = {true}。我也试过：

marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"

里面的iframe没有结果。

我读了有同样的问题有人this后，但它没有回答

这似乎是一件容易的事情，但它使我从我的应用进展。 Im 100％肯定有人已经在react-native：P中嵌入了带有0边框和边距的iframe。如果你看到一些例子，请让我知道。

来源

2017-06-14 Szczebel Plays

我的猜测是，不必要的差距来自包装iframe的body标签。您应该重新设置html和body标签上的边距和填充，就像您通常在网页上做的一样。仅供参考，您可以通过打开Safari并单击开发 - > iPhone模拟器 - >您的WEBVIEW（它可能会显示为about：空白）来检查WebView的代码和样式。然后，

来源

2017-06-15 01:51:22 Mila

WebView嵌入视频总是有视频周围的白色边框

回答

相关问题