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嵌入視頻總是有視頻周圍的白色邊框

回答

相關問題