Android 4.0.4 Webview - html5视频自动播放随机不工作

Android 4.0.4 Webview - html5 video autoplay randomally not working

本文关键字：自动播放 随机 工作 视频 html5 Webview Android      更新时间：2023-09-26

我使用Webview和html5视频标签:

<video id="video" class="video-full-screen" preload="none"    poster="{poster URL here}" webkit-playsinline>
    <source id="mp4" src="{Video mp4 source here}" type="video/mp4">
    <p>Your user agent does not support the HTML5 Video element.</p>
</video>

对于Android API 17+的自动播放，我使用视频标签上的autoplay="autoplay"属性+我使用setMediaPlaybackRequiresUserGesture(设置为false)。

对于API级别低于17，我使用:

var video = $('video');
video.bind("loadeddata", function(){
   setTimeout(function(){
       video[0].play();
   },100);
});

这适用于所有设备，但Android 4.0.4(三星galaxy s3)。在这个设备上，它随机工作(我找不到任何复制场景)。它只是随机工作)。我注册了"playing"事件:

video.bind("playing", function(){
    console.log("playing");
});

，我看到这个事件被触发时，视频没有播放。我看到的是一个灰色的屏幕，里面有玩家的图像。视频的当前时间在几秒钟后仍然为0

您可能需要在java接口方法中重写@JavascriptInterface。

所以，把你的代码改成 
 @JavascriptInterface
 video.bind("playing", function(){
 console.log("playing");
 });

这样的。希望对你有所帮助。

这里是Demo

http://jsfiddle.net/dineshk/fvnr0zex/2/

This is Working fine Now in My apps.

当使用Javascript添加视频标签时，这将起作用。

Javascript代码

 var newHtml = '<video width="100%" height="30%" autoplay controls  id="myVideos" src="https://dev.ocutagsnap.com:8080/PearsonVideos/videos/tumb10.mp4" ></video>';
$("#newone").append(newHtml);
相关文章：