视频 html 标签上的 CORB 错误阻止了视频内容的显示

Question

我正在尝试构建一个可嵌入的视频框架以在其他页面上显示视频内容。视频本身是从某个位置提供的，使用 <iframe></iframe> 播放效果很好，但是我希望这个特定版本的视频能够针对不同的 src，这就是为什么我想用视频 html 标签而不是 iframe

<video width="320" height="240" controls autoPlay>
  <source src="https://embed.truthcasting.com/video/100003694/208448" type="video/mp4"/>
  Your browser does not support the video tag.
</video>

问题是 CORB 错误，但是如果我从 iframe 提供相同的内容

<iframe
  style={{ height: "25rem", width: "100%" }}
  scrolling="no"
  src="https://embed.truthcasting.com/video/100003694/208448"
  webkitallowfullscreen="true"
  mozallowfullscreen="true"
  allow="autoplay; fullscreen;encrypted-media;"></iframe>

内容会通过，没有 CORB 错误。现在通常我不会介意，我只会使用 iframe 来显示内容，但是我希望因为 <video> 你可以指定多个来源。

但无论我尝试过什么，我似乎都无法绕过 CORB..这是类似于 CORS 的服务器问题吗？我需要在服务器的某处添加一些东西才能以这种方式显示吗？

Answer 1

video html 标签需要一个实际的视频，提供给 HTML 标签的 src url 是外部视频播放视频的网站，但它本身并不是真正的视频。它在 <iframe> 上工作的原因是因为 iframe 会显示网页，<video> 不会。

视频 html 标签上的 CORB 错误阻止了视频内容的显示

CORB error on video html tag blocking video content from displaying

html

javascript

video