我遇到了视频周围空白的问题，我添加了 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&showinfo=0";
webBrowser1.DocumentText = string.Format(embed, url);
最佳答案
你需要:
- 将
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&showinfo=0";
webBrowser1.DocumentText = string.Format(embed, url, w, h);
}
关于C# Web 浏览器控件删除空格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49050926/