Phát video HTML5 trong trình duyệt - Điều gì hoạt động với hầu hết các thiết bị Android?

Question

Tôi đang cố gắng phát video HTML5 để phát trên thiết bị di động. Dường như họ chạy tốt trên phiên bản iOS mới nhất, nhưng tôi nhận được rất nhiều sự không thống nhất với các thiết bị Android.

Tôi đang sử dụng video.js và nghe nhấp chuột vào hình thu nhỏ, thay vào đó sẽ thay thế phần tử bằng video HTML5 và phát tự động. Các mã sau đây phẳng ra không hoạt động trên giả lập Android (nhấp vào một hình thu nhỏ không có gì). Khi tôi thử nó trên Droid Razr của riêng tôi, nó bắt đầu tải video và sau đó trình duyệt bị đóng băng. Điều này xảy ra trong trình duyệt gốc và Chrome, cho tôi biết đó là thứ gì đó có nguồn gốc từ thiết bị.

$(".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 kết thúc hạnh phúc:

<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> 

Có ai biết tại sao điều này sẽ gây ra một thiết bị Android để hoàn toàn đóng băng lên, và những gì tôi có thể làm để làm cho video chạy liên tục trên hầu hết các thiết bị Android?

Cảm ơn!

Answer 1

Xóa thuộc tính type khỏi tuyên bố source. Điều này thường gây ra sự cố với Android, đặc biệt là các phiên bản cũ hơn.

khai nguồn của bạn nên đơn giản là:

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

Tôi có một small site trong đó có một video HTML5 làm việc trên Android (chỉ thử nghiệm nó trên HTC Desire của tôi chạy Android 2.2).

Answer 2

Hãy se câu hỏi này: HTML5 <video> element on Android

Rõ ràng, có một khả năng sử dụng video HTML5 với android, theo http://developer.android.com/about/versions/android-2.0-highlights.html Nhưng có một số parameteres nghiêm ngặt để làm công việc này (xem kiểm tra phản ứng cho câu hỏi).

Trong trường hợp của bạn, Nó không phải là dễ dàng để xử lý các sự kiện với bộ mô phỏng, đặc biệt là html5 vv, vì vậy bạn nên allways sử dụng một thiết bị thực sự để thử nghiệm (thực sự recommanded). Trong đó mối quan tâm điện thoại của bạn, có thể lý do tại sao nó không hoạt động là yu đang sử dụng một codec video không được hỗ trợ.