2014-03-28 43 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);