Android WebView嵌入视频始终在视频周围有白色边框_Android_Iframe_Webview_React Native_React Native Android

Android WebView嵌入视频始终在视频周围有白色边框

android iframe webview react-native

Android WebView嵌入视频始终在视频周围有白色边框,android,iframe,webview,react-native,react-native-android,Android,Iframe,Webview,React Native,React Native Android,我试图将youtube视频iframe放在WebView组件中，效果很好，但当我想将WebView组件的大小设置为与iframe大小匹配时，它总是在视频周围留下奇怪的边框。另外，真正奇怪的是，将iframe width设置为screen width会在正确的站点上造成巨大的差距。我尝试了很多方法，比如在视图标记中包装WebView，并将此视图组件高度设置为iframe height，但它总是在顶部和底部留下边框，这导致WebView在站点上有一个滚动条图为：这是我的密码 render()

我试图将youtube视频iframe放在WebView组件中，效果很好，但当我想将WebView组件的大小设置为与iframe大小匹配时，它总是在视频周围留下奇怪的边框。另外，真正奇怪的是，将iframe width设置为screen width会在正确的站点上造成巨大的差距。我尝试了很多方法，比如在视图标记中包装WebView，并将此视图组件高度设置为iframe height，但它总是在顶部和底部留下边框，这导致WebView在站点上有一个滚动条

图为：

这是我的密码

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>          
    )
}

在Iframe中没有结果

我读了一个有同样问题的人的帖子，但并没有得到回复

这看起来很简单，但它阻止了我继续使用我的应用程序。伊姆河

100%确定有人已经在react native:P中制作了带有0边框和边距的embed iframe。如果您看到一些示例，请告诉我。

我猜不必要的间隙来自包装iframe的

body

标记。您应该像在web上通常那样重置html和正文标记上的页边距和填充。仅供参考，您只需打开Safari并单击Develop->iPhone simulator->YOUR WebView（它可能会显示为about:blank），即可查看WebView的代码和样式。然后，

body具有边距和填充的默认值。对于不需要任何边界的情况。只需将边距和填充设置为零

例如：

发件人：

。。。。

致：

。。。

谢谢这对我的一些嵌入内容起到了作用：）

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

<html><body>....</body></html>

<html><body style="padding: 0; margin: 0;">...</body></html>