Tôi đã thử các phương pháp khác nhau được đề xuất bởi bài viết MSDN tại http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx về việc buộc IE9 mô phỏng phiên bản trước với tiêu đề Tương thích X-UA để hiển thị chính xác.
Trong trường hợp của tôi, thử nghiệm đang phát tệp video MP4 trong trình duyệt IE9 đang sử dụng chế độ chuẩn mặc định thay vì chế độ tương thích. Các trang web khác đã nói rằng Internet Explorer chỉ được cấu hình để phát tệp MP4 (thay vì ogg và tệp video trên webm), vì vậy tôi cho rằng đó sẽ là định dạng tệp an toàn nhất để kiểm tra.
Tôi đã thử nghiệm chế độ xem trang web bằng cách sử dụng IE9 tiêu chuẩn IE8 và chế độ xem chuẩn IE7 của trang đó và trong cả hai trường hợp, chế độ xem chuẩn cũ đã hoạt động để phát tệp video MP4. Và chế độ tương thích IE9 cũng chơi trang web đó. Nhưng tôi buộc IE9 phải quay trở lại chế độ xem chuẩn để kiểm tra mã sẽ hoạt động để phát video cho những người chưa định cấu hình trình duyệt IE9 của riêng họ để sử dụng chế độ tương thích.
Các phương pháp được đề xuất bởi bài viết MSDN được đề cập trước đó dường như được hướng đến vấn đề này, nhưng trong thử nghiệm từng phương pháp đó, không ai trong số họ khắc phục sự cố trình duyệt IE9 đang phát tệp video MP4.
Giải pháp cho vấn đề của tôi đến từ vé Stack Overflow này: HTML5 Video not working only in IE9
tôi thực sự đã có thêm những dòng sau vào file .htaccess trên website:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .mov
AddType video/webm .webm
Sau đó, tôi cũng cần để đảm bảo rằng dòng đầu tiên của mã được sử dụng này:
<!DOCTYPE html>
... chứ không phải là điều này:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Tôi không cần phải sử dụng bất kỳ "phiên bản trước" mã như thế này:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
Trên trang thử nghiệm của tôi, tôi cũng sử dụng mã video-js, mà tôi đã giả định sẽ chăm sóc vấn đề chuẩn IE9 (vì nó có cho các trình duyệt web khác). Mã riêng của nó dường như cũng xuất ra các mã Tương thích X-UA sau:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Tuy nhiên, các mã này không giải quyết được vấn đề. Cuối cùng, tôi tin rằng đó là do việc bổ sung mã vào tệp .htaccess.
Tôi đã thử tất cả các chế độ tương thích tài liệu, nhưng điều đó không ảnh hưởng đến các vấn đề mà trang có. Nó thực sự chỉ hoạt động khi chế độ trình duyệt được thiết lập rõ ràng thành chế độ xem tương thích. –
@ FlorianPeschka Tôi đã thêm tất cả các yếu tố đã biết kích hoạt chế độ tương thích: chúng chắc chắn không dễ dàng đạt được và tôi không nghĩ bất kỳ ai thực sự muốn sử dụng chúng theo mục đích, nhưng chúng chắc chắn hoạt động. – Razor
OK. Tôi hy vọng tôi có thể tránh phải gỡ lỗi ứng dụng, nhưng trong trường hợp đó, tôi đoán đó là lựa chọn duy nhất. Cảm ơn các nỗ lực mặc dù. –