2014-03-28 14 views
3

的Android 4.0.4网页视图 - HTML5视频的自动播放我使用的是网页视图,并有HTML5视频标签randomally不工作

<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)。在这个设备上它随机工作(我找不到任何复制场景,它只是随机工作)。 我注册到“打”事件:

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

,我看到的是,当视频不播放该事件被触发。我看到里面有播放器图像的灰色屏幕。即使在几秒钟之后,视频的当前时间仍为0。

回答

0

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

因此,改变你的代码

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

这样。希望它能帮助你。

+0

此代码不会做任何事情(只绑定了“打”事件,并写入日志)。这怎么可以帮助? –

+0

你试过我与你分享过的东西吗?你的功能不会调用,直到你重写这个。请添加并让我知道结果。这适用于4.3及以上版本。 – chain

+0

好的,tnx。我会尝试更新。您是否看到我的问题仅限于Android 4.0.4? –

0

这里演示

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

这是在我的应用做工精细是绝对现在。

这将工作时,视频标签附加使用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);