在瀏覽器中播放HTML5視頻 - 適用於大多數Android設備？

我正試圖讓HTML5視頻在移動設備上播放。他們似乎在最新版本的iOS上運行良好，但我遇到了很多與Android設備不一致的問題。在瀏覽器中播放HTML5視頻 - 適用於大多數Android設備？

我使用的Video.js並聆聽縮略圖上點擊，這反過來替換爲HTML5視頻元素，並自動播放。下面的代碼在Android模擬器上不起作用（點擊縮略圖什麼都不做）。當我在我自己的Droid Razr上嘗試時，它開始加載視頻，然後瀏覽器凍結。這發生在本地瀏覽器和瀏覽器，它告訴我這件事情，原產於設備。

$(".video").live("click", function(e) { 
    e.preventDefault(); 
    $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url") + "'></video>"); 

    video = _V_($(this)); 
    video.ready(function() { 
     this.play(); 
     this.requestFullScreen(); 
    }); 
});

的HTML結束是：

<video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'> 
    <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'> 
</video>

有誰知道爲什麼會導致Android設備完全凍結了，我能做些什麼，使影片在大多數Android設備一直運行？

謝謝！

來源

2012-12-10 Eric R.

能否請您確認其中一個答案礦石開始賞金。謝謝。 –

取下source聲明type屬性。這通常會導致Android的問題，特別是舊版本。

你的源聲明應該簡單地：

<source src='/videos/fv3530.mp4'>

我有一個small site這對Android的工作HTML5視頻（只是測試它在我的HTC Desire運行Android 2.2）。

來源

2012-12-10 16:50:59

謝謝！爲我工作 –

很高興有幫助。 –

在我的nexus 7 2013不工作。 –

請SE這個問題：HTML5 <video> element on Android

顯然，存在使用與Android HTML5視頻的可能性，根據http://developer.android.com/about/versions/android-2.0-highlights.html 但也有爲了使這項工作的一些嚴格parameteres（見的問題檢查響應）。

在你的情況，這是不容易處理事件與模擬器，尤其是HTML5等，所以你應該使用永諾用於測試的真實設備（真的建議報告）。其中涉及您的手機，它可能不工作的原因是，宇正在使用不支持的視頻編解碼器。

來源

2012-12-10 16:25:28

在瀏覽器中播放HTML5視頻 - 適用於大多數Android設備？

回答

相關問題