data:// url 适用于 Firefox 但不适用于 Chrome?
data:// url works on Firefox but not on Chrome?
我的 HTML 页面包含以下视频标签:
<video id="video" src="data://video/mp4;base64,AAAAIGZ0eXBpc29tAAACAG..."></video>
视频标签包含一个 base64 版本的 2MB mp4 Big Buck Bunny 剪辑(在片段中被截断以适合 post)。
这在 Firefox 上加载完美,但在 Chrome 上根本无法加载,并且不会向控制台抛出任何错误。最初我的想法是这个错误是由于某些 URL 长度限制在 Firefox 上不满足但在 chrome 上满足,但是,我的页面仍然无法在 Chrome 上使用较小的源视频。有谁知道是什么导致了这个问题?
事实证明@code 是正确的。
我的问题是我通过使用 2 个斜杠 data://
而不是 data:
的正确格式搞乱了数据 URL 的格式
data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAG...
以上内容最终适用于两种浏览器。
Firefox 接受这两种格式——而 Chrome 对该规则更为严格。有点烦人 Chrome 不会抛出任何错误。
我的 HTML 页面包含以下视频标签:
<video id="video" src="data://video/mp4;base64,AAAAIGZ0eXBpc29tAAACAG..."></video>
视频标签包含一个 base64 版本的 2MB mp4 Big Buck Bunny 剪辑(在片段中被截断以适合 post)。
这在 Firefox 上加载完美,但在 Chrome 上根本无法加载,并且不会向控制台抛出任何错误。最初我的想法是这个错误是由于某些 URL 长度限制在 Firefox 上不满足但在 chrome 上满足,但是,我的页面仍然无法在 Chrome 上使用较小的源视频。有谁知道是什么导致了这个问题?
事实证明@code 是正确的。
我的问题是我通过使用 2 个斜杠 data://
而不是 data:
data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAG...
以上内容最终适用于两种浏览器。
Firefox 接受这两种格式——而 Chrome 对该规则更为严格。有点烦人 Chrome 不会抛出任何错误。