我正在嘗試在我的 C# WinForm 中播放視頻。
這是我到目前為止所擁有的:
我的表單中有一個 webViewer 控制元件,以及以下代碼:
// Play YouTube video in webBrowser1
string url = "https://www.youtube.com/watch?v=5aCbWqKl-wU";
string html = "<html><head>";
html = "<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>";
html = "<iframe id='video' src='https://www.youtube.com/embed/{0}' style=\"padding: 0px; width: 100%; height: 100%; border: none; display: block;\" allowfullscreen></iframe>";
html = "</body></html>";
webBrowser1.DocumentText = string.Format(html, url.Split('=')[1]);
這是我運行我的應用程式時的樣子:

問題是視頻沒有填滿整個 webViewer(這是影像中的白色部分)。
我將 webViewer1.Anchor 屬性設定為 all,因此當我調整表單大小時,webViewer 會根據表單調整大小。
筆記:
當用戶單擊全屏按鈕時,問題就解決了。但這對我來說是一個糟糕的解決方案,因為這對用戶來說是一個糟糕的體驗。另外,用戶可能不知道他們需要單擊全屏按鈕。這就是它的樣子:

如何讓視頻占據整個 webViewer 而無需用戶單擊全屏按鈕?
另外,作為一個附帶問題,當用戶單擊“YouTube”按鈕時,它會打開 Internet Explorer,而不是默認瀏覽器。我該如何解決?
uj5u.com熱心網友回復:
您需要修復頁面的樣式:
// Play YouTube video in webBrowser1
string url = "https://www.youtube.com/watch?v=5aCbWqKl-wU";
string html = "<html style='width: 100%; height: 100%; margin: 0; padding: 0;'><head>";
html = "<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>";
html = "</head><body style='width: 100%; height: 100%; margin: 0; padding: 0;'>";
html = "<iframe id='video' src='https://www.youtube.com/embed/{0}' style=\"padding: 0px; width: 100%; height: 100%; border: none; display: block;\" allowfullscreen></iframe>";
html = "</body></html>";
webBrowser1.DocumentText = string.Format(html, url.Split('=')[1]);
這樣可以確保 HTML 和 BODY 標簽占據頁面的 100%,并且允許子 iframe 占據頁面的 100%。這會生成這個 HTML:
<html style='width: 100%; height: 100%; margin: 0; padding: 0;'>
<head>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
</head>
<body style='width: 100%; height: 100%; margin: 0; padding: 0;'>
<iframe id='video' src='https://www.youtube.com/embed/5aCbWqKl-wU' style="padding: 0px; width: 100%; height: 100%; border: none; display: block;" allowfullscreen></iframe>
</body>
</html>
uj5u.com熱心網友回復:
我認為您需要設定縱橫比。在此處查看檔案
https://www.w3schools.com/howto/howto_css_responsive_iframes.asp
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/510000.html
標籤:C#表格
