HTML视频标签在android(4.2.2)webView(Chrome [62])中不起作用

时间:2017-11-07 02:11:00

标签: android html html5 android-studio android-webview

我在Android中构建了一个应用程序,我试图在一个屏幕上一次显示3个视频。

为了显示视频我正在使用chrome的webView(版本62)。 在HTML中我有以下代码

<video id="vid1" class="vids" width="100%" height="100%" autoplay muted loop>
    <source src="pathTotVideo.mp4" type="video/mp4"/>
</video>

我使用的是android 4.2.2

现在的问题是,当页面加载时,视频标签就在那里,但我没有看到任何视频播放。即使我提供&#39; contorls &#39;视频标签内的属性仍然是播放按钮显示为灰色。

即使控制台没有错误。

1 个答案:

答案 0 :(得分:0)

应为严格的标准实施指定视频标签的属性:

<video id="vid1" class="vids" width="100%" height="100%" muted loop autoplay="autoplay" controls="controls">
    <source src="pathTotVideo.mp4" type="video/mp4"/>
</video>

将您当前的视频代码替换为上面的视频代码。请告诉我它是否正常工作。

请在继续浏览webview之前添加以下代码

webView.setWebViewClient(new MyWebViewClient());               
webView.setWebChromeClient(new WebChromeClient());
webView.getSettings().setJavaScriptEnabled(true);              
webView.loadUrl("your web view path");

在活动清单文件中添加android:hardwareAccelerated="true"作为子项。它在webview中播放html5视频,没有任何解决方法。

例如:

<activity
    android:name="com.example.MainActivity"
    android:hardwareAccelerated="true"
    android:configChanges="keyboardHidden|orientation|screenSize" >
    ...
</activity>