Dane ścieżki wideo Html5 uri

Question

Chcę ustawić <track src na URI "data:".

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

Jednak uzyskać

Cross-origin obciążenie toru tekst odmówiono polityka Cross-Origin Resource Sharing.

Błąd występuje zarówno w przeglądarce Chrome, jak i Safari.

Jeśli ustawię ścieżkę src na "/foo.vtt", to działa. "Pochodzenie" danych URI nie jest bieżącą stroną?

Jsfiddle example here. (Spójrz na wynik błędu w konsoli.)

Answer 1

Przeglądarki obsługiwane przez ustawienie danych ścieżek poprzez dane URI wydaje się niekompletny i wadliwy. Here to lista raportów o błędach dla każdej przeglądarki.

Firefox wydaje się obsługiwać ustawienie ścieżki bezpośrednio w HTML przy użyciu URI kodowanych danych base64 (jsfiddle). Aktualizacja ścieżki src za pomocą JavaScriptu wydaje się działać, ale wydaje się, że nie ma wpływu na bieżące dane ścieżki, które są w użyciu.

Jeśli naprawdę potrzebujesz zaktualizować dane ścieżek za pomocą JavaScript, możesz ręcznie przeanalizować tekst WEBVTT i dodać go do pamięci Cue. Strona This opisuje wszystkie metody, które nie działają, włączając dane VTT bezpośrednio na stronie i podaje przykład analizowania i ładowania Cue na końcu.