C#Webbrowser控件删除空格

问题描述 投票:0回答:1

我遇到了视频周围空白区域的问题,我添加了边距:0修复了顶部空白区域。但是现在我还有其他位置的空白区域。我还尝试调整浏览器控件的大小以匹配iframe。但是当我调整大小时,同样的事情发生了:enter image description here

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);
c# html css winforms webbrowser-control
1个回答
0
投票

你需要:

  • 设置WebBrowser控件的大小与iframe相同
  • 通过设置body来关闭scroll="no"标签的滚动。
  • 通过设置body,关闭style="padding:0px;margin:0px;"标签的填充和边距。
  • 通过为身体设置iframe来删除style="border:0px;"标签的边框。

所以你的代码应该是:

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);
}
© www.soinside.com 2019 - 2024. All rights reserved.