2016-01-08 81 views
0

Storyboard中有一個UIWebView,它具有適當的約束條件。 下面是代碼:UIWebView中的YouTube視頻不居中

youtubeView是這樣的:

@IBOutlet var youtubeView: UIWebView! 
youtubeView.allowsInlineMediaPlayback = true 
youtubeView.loadHTMLString("<iframe width=\"\(youtubeView.frame.width)\" height=\"\(youtubeView.frame.height)\" src=\"\(youtubeUrl)?&playsinline=1\" frameborder=\"0\" allowfullscreen></iframe>", baseURL: nil) 

的問題是,我得到的是這樣的:simulator screenshot

你能幫我這個中心裏面UIWebView YouTube影片?

+0

垂直或水平居中? – zcui93

+0

@ zcui93我想要兩個 –

回答

0

更好地使用完整的屏幕截圖。不知道整體垂直位置,即低於這個位置的任何東西。

  1. 務必正確約束你UIWebView,因爲我不知道什麼是你的Web視圖的size。將中心與y軸線對齊,或者用topbottom,left,right設置爲0來填補空位。

  2. 如果UIWebView已經是上述約束,那麼它真的是HTML/CSS問題。要水平居中,請使用保證金屬性。 style="margin: auto;"或者,width=100%在你的情況也很好。如果不是垂直居中,請試用簡單的解決方案,如divdisplay: inline-block;樣式。

+0

我已編輯帖子,請再看一遍。 (截圖已更改) –

0

我所做的只是一點破解,而不是真正的解決方案。我已將限制設置爲負數,所以絕對是而不是的最佳做法。如果有人想出一個更好的,請告訴我。

+0

請顯示您爲UIWebView設置的約束 – zcui93

+0

更改後,約束爲:http://prntscr.com/9njrqt –

+0

正如我在我的回答中所建議的,您的問題不在中心youtube中,而是以網絡視圖。如果你想固定你的webview的寬度和高度,然後將中心與超視圖的中心軸對齊。而不是像領先的那樣設置任何間距。 – zcui93