在WebView(Windows应用商店应用)中与HTML5视频播放器交互

时间:2012-11-03 13:10:35

标签: webview windows-8 html5-video code-behind windows-store-apps

在我的Windows应用商店应用中,我有一个WebView来显示视频:

<WebView x:Name="MyWebView" />

在Code-Behind(C#)中,我导航到我的视频:

string EmbedUrl = "http://www.808.dk/pics/video/gizmo.mp4";
string EmbedCode = String.Format("<video id=\"Video1\" width=\"853\" height=\"480\" controls=\"controls\" autoplay=\"autoplay\"><source src=\"{0}\" type=\"video/mp4\" /></video>", EmbedUrl);
MyWebView.NavigateToString(EmbedCode);

然后我得到一个不错的HTML5视频播放器:

enter image description here

现在我想用C#访问此播放器以启动或停止视频。当用户切换到全屏模式时,我还希望在我的Code-Behind中收到通知。

有谁知道怎么做?

1 个答案:

答案 0 :(得分:0)

在webview元素中创建“function pause(){}”和“function play()”的一部分。

然后在你的xaml.cs中调用这段代码

webview.InvokeScript("pause", null);

“pause”是该webview元素中javascript函数的名称。