Ich versuche, youtube Video iframe innerhalb WebView-Komponente und es funktioniert gut, aber wenn ich die Größe der WebView-Komponente auf die Iframe-Größe anpassen wollen, bleibt es immer seltsam grenzt um das Video. Was wirklich seltsam ist, ist, dass die Einstellung der Iframe-Breite auf die Bildschirmbreite diese riesige Lücke auf der richtigen Seite macht. Ich habe viele Dinge ausprobiert, wie das Wrappen des WebView im View-Tag und das Setzen dieser View-Komponentenhöhe auf die Iframe-Höhe, aber es bleiben immer die Grenzen oben und unten, was dazu führt, dass das WebView eine Bildlaufleiste auf der Site hat.WebView Embed Video haben immer weiße Ränder um das Video
Hier ist das Bild: link
Hier ist mein Code
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>
)
}
wie Sie habe ich versucht, hier sehen height = 20, aber id änderte sich nichts habe ich immer noch das ganze Video sehen . Ich probierte Kombinationen mit automatischAdjustContentInsets = {falsch} und scalesPageToFit = {true}. Ich habe auch versucht:
marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"
innerhalb der Iframe ohne Ergebnisse.
las ich this Post von jemandem mit dem gleichen Problem, aber es ist nicht
Es scheint so einfache Sache beantwortet, aber es hindert mich mit meiner App aus voran. Im 100% sicher, dass jemand bereits eingebettet Iframe mit 0 Grenzen und Margen in reaktionsnativen: P. Wenn Sie einige Beispiele gesehen haben, lassen Sie es mich bitte wissen.