Sof*_*San 5 c# xamarin.forms xamarin.forms.labs
我正在使用MediaPickerfrom 捕获视频xamarin.labs,然后在我的Web服务器上上传该视频.之后,我检索该视频以在WebView中显示HTML5视频标签.
这适用于iOS.但是相同的代码在Android上不起作用.
我在android中创建自定义渲染器来创建,Webchromeclient但它不在Android上播放视频.
带视频的示例html5(我也尝试使用tag中的type参数<video>:
<Doctype! HTML>
<html>
<body><video src="www.myserver.com/video1.mp4" controls height="150" width="150"/>
</body>
</html/>
Run Code Online (Sandbox Code Playgroud)
这是我的PCL项目中的Web视图部分:
public class MyWebView: WebView
{
}
Run Code Online (Sandbox Code Playgroud)
这是我的页面:
public class VideoPage: ContentPage
{
public VidoePage()
{
var webView = new MyWebView();
webView.Source = new HtmlSource {Html = abovementionedHtml};
var layout = new StackLayout()
{
Childern = {webWiew}
};
this.Content= layout;
}
Run Code Online (Sandbox Code Playgroud)
Android渲染器:
[assembly: ExportRenderer(typeof(MyWebView), typeof(MyWebViewRenderer))]
namespace VideoSample.Droid
{
using Xamarin.Forms.Platform.Android;
public class MyWebViewRenderer : WebRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs e)
{
base.OnElementChanged(e);
if (this.Control == null)
{
var webView = new global::Android.Webkit.WebView(this.Context);
webView.SetWebChromeClient(new WebChromeClient());
webView.Settings.JavaScriptEnabled = true;
webView.Settings.SetPluginState(WebSettings.PluginState.On);
this.SetNativeControl(webView);
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
所以有人能告诉我什么是错的吗?
提前致谢.
尝试用一些修复替换下面的示例 HTML。不确定这是否是根本原因。
<!DOCTYPE html>
<html>
<body>
<video src="http://www.myserver.com/video1.mp4" controls height="150" width="150">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我做了两件事的调整:
另外,您还可以参阅这篇博客文章(使 HTML5 视频在 Android 手机上运行),了解有关使视频正常运行的更多 HTML 提示和技巧。