Html5視頻軌跡數據uri

Question

我想將<track src設置爲「data：」URI。

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

不過，我得到的跨來源資源共享策略拒絕

跨源文本軌道負荷。

Chrome和Safari都出現此錯誤。

如果我將track src設置爲「/foo.vtt」，它可以工作。數據URI的「起源」不是當前頁面的URI？

Jsfiddle example here.（看在控制檯的錯誤輸出。）

Answer 1

瀏覽器支持用於設定經由數據URI似乎不完整和馬車軌道數據。 Here是每個瀏覽器的錯誤報告列表。

Firefox似乎支持使用base64編碼的數據URI直接在HTML中設置軌跡（jsfiddle）。通過JavaScript更新軌道src似乎可行，但似乎不會影響正在使用的實際軌道數據。

如果您確實需要通過JavaScript更新曲目數據，則可以手動解析WEBVTT文本並逐個添加一個Cue。 This頁面描述了所有不直接在頁面中包含VTT數據的方法，並給出了最後解析和提示加載的示例。