我遇到了视频周围空白区域的问题,我添加了边距: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
相同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&showinfo=0";
webBrowser1.DocumentText = string.Format(embed, url, w, h);
}