无法通过 WPF WebBrowser 控件的 InvokeScript 更改 VIDEO 标签大小 [英] Cannot change VIDEO tag size via InvokeScript of WPF WebBrowser control

问题描述

我做的很简单:我需要通过 WPF WebBrowser 控件的 InvokeScript 更改 VIDEO 标签大小.

I do very simple thing: I need to change VIDEO tag size via InvokeScript of WPF WebBrowser control.

所以它显示你好"但大小根本没有变化.

So it shows "Hello" but size doesn't changes at all.

注意:如果我直接打开此页面，它会为任何浏览器更改大小.

Note: If i open this page directly it changes size fine for any browser.

private void btSize_Click(object sender, RoutedEventArgs e)
{
   wb.InvokeScript("SetVideoSize");
}

function SetVideoSize() {

            try {
                document.getElementById("player1").style.height = '400px';
                document.getElementById("player1").style.width = '400px';
                alert('Hello2');
  } catch (e) {
               // alert(e.Message);
            }
        }



 <video width="10" height="10" style="margin: 0 !important; padding: 0 !important;
        overflow: hidden;" id="player1" name="mplayer1"  src="http://mysite.com/files/werweB"  type="video/mp4">
    </video>
     <script type="text/javascript">       
        MediaElement('player1', 
        {
            success: function (me) {
                me.play();
            }
        }); 
    </script>

我什至尝试这样做:

mshtml.HTMLDocument doc = (mshtml.HTMLDocument)wb.Document;
var player = doc.getElementById("player1");
player.setAttribute("width", "400");
player.setAttribute("height", "400");

但根本没有任何视觉变化......

But there is no any visual changes at all...

推荐答案

我花了两天时间搜索，结果如下:

I spent two days searching and this is what I found:

您所要做的就是将以下 meta 标签添加到您的 HTML 中:

All you have to do is add the following meta tag to your HTML:

<meta http-equiv="X-UA-Compatible" content="IE=9" >

这篇关于无法通过 WPF WebBrowser 控件的 InvokeScript 更改 VIDEO 标签大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！