xcode Swift 3 中 <iframe></iframe> 中视频顶部和左侧的额外空间答案

【问题标题】：Extra space on the top and left of a video in <iframe></iframe> in xcode Swift 3xcode Swift 3 中 <iframe></iframe> 中视频顶部和左侧的额外空间
【发布时间】：2018-03-03 14:34:48
【问题描述】：

大家好，我有点困惑，为什么我尝试嵌入的每个视频在 iframe 的顶部和左侧都有一个白色/空白边框。我的目标是让视频填满屏幕的宽度。看看我的代码和截图，看看你是否知道问题所在。我觉得我错过了一些简单的事情。任何帮助表示赞赏。

func getVideo(videoID:String, viewID:UIWebView) {
    let videoCode = videoID
    let youtubeURL = "https://www.youtube.com/embed/"
    let view = viewID


    view.allowsInlineMediaPlayback = true
    view.allowsPictureInPictureMediaPlayback = true
    view.loadHTMLString("<iframe width=\"375\" height=\"211\" src=\"\(youtubeURL)\(videoCode)?&playsInLine=1\" frameborder=\"0\" allowfullscreen></iframe>", baseURL: nil)
}

override func viewDidLoad() {
    getVideo(videoID:"h8SklPi-mms", viewID:videoView)
    super.viewDidLoad()
}

main.storyboard

Simulator

【问题讨论】：

标签： swift xcode iframe youtube uiwebview

【解决方案1】：

找到了解决方案，并认为我会与遇到相同或类似问题的任何人分享。

let htmlStyle = "<style> iframe { margin: 0px !important; padding: 0px !important; border: 0px !important; } html, body { margin: 0px !important; padding: 0px !important; border: 0px !important; width: 100%; height: 100%; } </style>"
//Seems to be all the stuff that removes space etc.


viewSelector!.loadHTMLString("<html><head><style>\(htmlStyle)</style></head><body><iframe width='\(viewSelector!.frame.width)' height='\(viewSelector!.frame.height)' src='https://www.youtube.com/embed/\(videoCode)?&playsinline=1' frameborder='0' allowfullscreen></iframe></body></html>", baseURL: nil)

viewSelector 是用于识别正在使用哪个 UIWebView 的变量。

videoCode 是由文本字段导入的代码，用于确定正在播放的视频。

希望我能帮上忙！

【讨论】：