blocks|key|4518220|text|我已经设法解决了我的问题，在视频下面的html页面上创建了一个包含单词fullscreen的link，|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4518221|链接示例：|4518222|<a+href="http://example.com/video.mp4?fullscreen">fullscreen</a>|code-block|syntax|javascript|4518223|然后使用webview方法shouldOverrideUrlLoading覆盖任何包含单词fullscreen的Url，将其重定向到Android+Video+Player。|4518224|mWebView.setWebViewClient(new+WebViewClient(){
++++public+boolean+shouldOverrideUrlLoading(WebView+wView,+String+url)
++++++++{

++++++++++++++++if+(url.contains("fullscreen")+)+{
++++++++++++++++++++Log.i("LOB",+"FULLSCREEN+"+%2B+url);

+++++++++++++++++try+{
+++++++++++++++++++url+=+url.replaceAll("(?im)fullscreen",+"");
+++++++++++++++++++++}+catch+(PatternSyntaxException+ex)+{
+++++++++++++++++++++}+catch+(IllegalArgumentException+ex)+{
+++++++++++++++++++++}+catch+(IndexOutOfBoundsException+ex)+{
+++++++++++++++++++}


++++++++++++++++++++Intent+intent+=+new+Intent(Intent.ACTION_VIEW,+Uri.parse(url));
++++++++++++++++++++intent.setDataAndType(Uri.parse(url),+"video/mp4");
++++++++++++++++++++startActivity(intent);

+++++++++++++++++++++++return+true;
+++++++++++++++++++}

}
}|4518225|这远不是一个优雅的解决方案，但尽管谷歌没有为棒棒糖提供修复，但它确实做了这项工作。|4518226|entityMap^0|J|4|Z|A|1A|4|0|0|0|4|7|D|O|19|A|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|T|$]]

I've managed to solve my problem by creating a <code>link</code> on the <code>html</code> page below the video containing the word <code>fullscreen</code>, 

Link example:

<pre><code>&lt;a href="http://example.com/video.mp4?fullscreen"&gt;fullscreen&lt;/a&gt;
</code></pre>

Then used the <code>webview</code> method <code>shouldOverrideUrlLoading</code> to Override any Url containing the word <code>fullscreen</code>, redirecting it to the Android Video Player.

<pre><code>mWebView.setWebViewClient(new WebViewClient(){
 public boolean shouldOverrideUrlLoading(WebView wView, String url)
 {

 if (url.contains("fullscreen") ) {
 Log.i("LOB", "FULLSCREEN " + url);

 try {
 url = url.replaceAll("(?im)fullscreen", "");
 } catch (PatternSyntaxException ex) {
 } catch (IllegalArgumentException ex) {
 } catch (IndexOutOfBoundsException ex) {
 }


 Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
 intent.setDataAndType(Uri.parse(url), "video/mp4");
 startActivity(intent);

 return true;
 }

}
}
</code></pre>

This is far from being an elegant solution, but while Google doesn't provide a fix for Lollipop, it does the job.

blocks|key|10719|text|当共享HTML5视频时，用户必须使用iframe。出于安全原因，共享视频的网站必须包含一个允许全屏视频的参数。缺少allowfullscreen参数。应该是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|10720|<iframe+width="560"+height="315"+src="https://www.youtube.com/embed/kVFBmPsugus"+frameborder="0"+allowfullscreen></iframe>|code-block|syntax|javascript|10721|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

When HTML5 videos are shared, the user have to use an iframe. For security reasons, the website where the video is being shared have to include a parameter to allow fullscreen videos.
It's missing the allowfullscreen parameter. It should be like this:

<pre><code>&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/kVFBmPsugus" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
</code></pre>

blocks|key|4518301|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4518302|WebSettings+settings+=+mWebView.getSettings();
settings.setUseWideViewPort(true);|code-block|syntax|javascript|4518303|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this:

<pre><code>WebSettings settings = mWebView.getSettings();
settings.setUseWideViewPort(true);
</code></pre>

I'm developing an android app that plays html5 videos on a webview, I've tested the videos on firefox, chrome, opera and IE and the video controls show the fullscreen button but on android lollipop webview there's no fullscreen button and consequently no way to play the video fullscreen.

I've tried several javascript approaches to maximize the video but none worked.
Is this a bug on chromium or is there a way to activate the button ?

PS: it seems that I'm not alone on this <a href="https://code.google.com/p/chromium/issues/detail?id=470666" rel="nofollow">https://code.google.com/p/chromium/issues/detail?id=470666</a>

Html5 video on webview missing fullscreen button on lollipop

Android

HTML5

我正在开发一个在网页视图上播放html5视频的安卓应用程序，我已经在火狐、chrome、opera和IE上测试了视频，视频控件显示了全屏按钮，但在安卓棒棒糖网页视图上没有全屏按钮，因此没有办法全屏播放视频。我尝试了几种javascript方法来最大化视频，但都不起作用。这是铬上的bug，还是有办法激活这个按钮？PS:看...

问webview上的Html5视频缺少棒棒糖上的全屏按钮
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问webview上的Html5视频缺少棒棒糖上的全屏按钮EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问webview上的Html5视频缺少棒棒糖上的全屏按钮
EN