C# Web 浏览器控件删除白色 space

Question

我遇到了视频周围白色 space 的问题，我添加了 margin: 0 来修复顶部的白色 space。但是现在其他位置还是白了space。我还尝试调整浏览器控件的大小以匹配 iframe。但是当我调整大小时，同样的事情发生了：

var embed = "<html><head>" +
  "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge,chrome=1\"/>" +
  "</head><body style=\"margin: 0\">" +
  "<iframe width=\"560\" height=\"315\" src=\"{0}\"" +
  "frameborder=\"1\" allow =\"autoplay; encrypted-media\" ></iframe>" +
  "</body></html>";

var url = "https://www.youtube.com/embed/JvSZKB2WNKg?rel=0&amp;showinfo=0";
webBrowser1.DocumentText = string.Format(embed, url);

Answer 1

您需要：

将 WebBrowser 控件的大小设置为与 iframe
通过设置 scroll="no".

body

通过设置 style="padding:0px;margin:0px;" 关闭 body 标签的填充和边距。
通过为正文设置 style="border:0px;" 删除 iframe 标签的边框。

所以你的代码应该是：

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);
    int w = 560;
    int h = 315;
    this.webBrowser1.Width = w;
    this.webBrowser1.Height = h;
    var embed = "<html><head>" +
    "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge,chrome=1\"/>" +
    "</head><body scroll=\"no\" style=\"padding:0px;margin:0px;\">" +
    "<iframe style=\"border: 0px;\" width=\"{1}\" height=\"{2}\" src=\"{0}\"" +
    "allow =\"autoplay; encrypted-media\" ></iframe>" +
    "</body></html>";
    var url = "https://www.youtube.com/embed/JvSZKB2WNKg?rel=0&amp;showinfo=0";
    webBrowser1.DocumentText = string.Format(embed, url, w, h);
}

C# Web 浏览器控件删除白色 space

C# Web broswer control remove white space

html

css

c#

webbrowser-control

winforms