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

Question

我正在使用 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)。

对于 17 以下的 API 级别，我使用:

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

这适用于除 Android 4.0.4 (Samsung galaxy s3) 以外的所有设备。在这个设备上它随机工作(我找不到任何复制场景。它只是随机工作)。我注册了“播放”事件:

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

我看到当视频不播放时会触发此事件。我看到一个灰色的屏幕，里面有播放器图像。几秒后视频的当前时间仍为 0。

Answer 1

您可能需要在您的 java 接口(interface)方法中覆盖 @JavascriptInterface。

所以，把你的代码改成

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

像这样。希望它能帮助你。