Dữ liệu theo dõi video Html5 uri

Question

Tôi muốn đặt <track src thành URI "dữ liệu:".

<video> 
    <source src="http://the.othersite/foo.mp4"> 
    <track src="data:text/vtt,WEBVTT"> 
</video> 

Tuy nhiên, tôi nhận được

giữa các gốc theo dõi văn bản tải bị từ chối bởi chính sách Cross-Origin Resource Sharing.

Lỗi xảy ra trong cả Chrome và Safari.

Nếu tôi đặt bản nhạc src thành "/foo.vtt", nó hoạt động. "Nguồn gốc" của URI dữ liệu không phải là trang uri hiện tại?

Jsfiddle example here. (Nhìn vào đầu ra lỗi trong Console.)

Answer 1

Hỗ trợ trình duyệt cho thiết lập các dữ liệu theo dõi thông qua dữ liệu URI dường như là không đầy đủ và lỗi. Here là danh sách báo cáo lỗi cho từng trình duyệt.

Firefox có vẻ hỗ trợ cài đặt trực tiếp trong HTML bằng cách sử dụng các URI dữ liệu được mã hóa base64 (jsfiddle). Cập nhật theo dõi src qua JavaScript có vẻ như hoạt động nhưng dường như không ảnh hưởng đến dữ liệu theo dõi thực đang được sử dụng.

Nếu bạn thực sự cần cập nhật dữ liệu bản nhạc qua JavaScript, bạn có thể phân tích cú pháp văn bản WEBVTT theo cách thủ công và thêm nó vào Cue tại một thời điểm. Trang This mô tả tất cả các phương pháp không hoạt động để bao gồm dữ liệu VTT trực tiếp trong trang và đưa ra ví dụ về phân tích cú pháp và tải Cue ở cuối.