C# Web 浏览器控件删除空格答案

【问题标题】：C# Web broswer control remove white spaceC# Web 浏览器控件删除空格
【发布时间】：2018-03-01 22:59:50
【问题描述】：

我遇到了视频周围空白的问题，我添加了 margin: 0 来修复顶部的空白。但是现在我在其他位置上仍然有空白。我还尝试调整浏览器控件的大小以匹配 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);

【问题讨论】：

您能与我们分享您的问题吗？
抱歉忘记在描述中添加了。但这是关于视频周围的空白区域。如何删除它。
看起来您的 Web 浏览器控件比您在其中加载的页面中的 iframe 大。默认网页背景为白色，因此有边框。
您可以编辑您的问题并在那里进行描述。有关您的问题的任何信息都不应在 cmets 中，而应在您的问题中。还向我们展示您到目前为止所做的尝试
但是当我改变浏览器控件的大小时，视频面临同样的命运。

标签： c# html css winforms webbrowser-control

【解决方案1】：

你需要：

将WebBrowser控件的大小设置为与iframe相同
通过设置scroll="no"关闭body标签的滚动。
通过设置style="padding:0px;margin:0px;" 关闭body 标签的填充和边距。
通过为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);
}

【讨论】：

我不敢相信它有效。你是最棒的，但是 frameborder 对你有用吗？似乎不适合我
frameborder 是什么？
正如您在图片上看到的，它就像视频周围的框架。一个灰色的框架。
对我来说，没有这样的边框。这里是what I see。
是的，这里也一样，我的意思是我想要视频周围的边框。因为它看起来与背景融为一体。