Phát tệp MP4 trong Firefox bằng video HTML5

Question

Tôi đã tìm kiếm xung quanh khá một chút nhưng chưa giải quyết được sự cố của mình.

Tôi có một video thẻ chạy như sau:

<video 
    class="ne" 
    src="{{ page | video_url }}" 
    muted="true" 
    volume="0" 
    controls 
    width="720" 
    height="480" 
    poster="{{ page | video_poster_image_url }}" 
    type="video/mp4"> 
</video> 

Tôi đang sử dụng Jekyll cho URL. Họ làm việc tốt.

Trang web này hoạt động tại switzerlandllc.com. Nhấp vào bất kỳ video nào trong FF và nó hiển thị hình ảnh và X. Chrome và các trình duyệt khác hoạt động tốt.

Nếu bạn lấy nguồn của một video và tải nó vào một tab mới, nó sẽ hoạt động tốt. Ít nhất nó có nghĩa với tôi.

Tôi đã thêm:

AddType video/ogg .ogv 
AddType video/mp4 .mp4 
AddType video/webm .webm 

đến file htaccess tôi. Tôi nghi ngờ rằng tôi không cần số .ogv hoặc .webm.

Tôi không hiểu tại sao tải URL video sẽ phát video tốt nhưng tải video vào thẻ video không thành công.

Bất kỳ ý tưởng nào?

Answer 1

Điều này là do sự hỗ trợ giới hạn cho định dạng MP4 trong thẻ video trong Firefox. Hỗ trợ không được thêm cho đến Firefox 21 và nó vẫn bị giới hạn ở Windows 7 trở lên. Lý do chính cho sự hỗ trợ hạn chế xoay quanh phí bản quyền kèm theo định dạng mp4.

Check-out Supported media formats và Media formats supported by the audio and video elements trực tiếp từ phi hành đoàn Mozilla hoặc bài viết trên blog sau để biết thêm thông tin:

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

Answer 2

Tôi có thể khẳng định rằng mp4 chỉ sẽ không làm việc trong các thẻ video. Không có vấn đề bao nhiêu bạn cố gắng để gây rối với các loại thẻ và codec và các loại mime từ máy chủ.

Điên, vì đối với cùng một video chính xác, trên cùng một trang thử nghiệm, thẻ nhúng cũ cho một mp4 hoạt động tốt trong firefox. Tôi đã dành tất cả ngày hôm qua rối tung với điều này. Firefox giống như IE tất cả của một đột ngột, giờ và giờ của thời gian, không phải thanh toán. Yay.

Nói về IE, nó không thành công hơn nữa. Khi nó không thể phù hợp với định dạng nó rơi vào nội dung giữa các thẻ, do đó, nó có thể chỉ cần đặt video xung quanh đối tượng xung quanh nhúng và tất cả mọi thứ hoạt động tuyệt vời. Firefox, không, mặc dù thất bại, nó đặt lên hình ảnh áp phích (màu xám ra để thậm chí không hữu ích như một dự phòng) với một thông báo lỗi smack ở giữa. Vì vậy, bây giờ các tùy chọn được đặt trong mã nhận dạng trình duyệt (có nghĩa là chúng tôi đã không đạt được gì về nhúng video trong mười năm qua) hoặc mitch html5.