在视频标签中使用 referrerPolicy

Question

我目前正在构建一个基于 React 的应用程序（我认为它不相关）并且我必须使用来自其他网站的数据。

先是图片，然后是视频：我可以屏蔽图片标签上的引荐来源网址

<img referrerPolicy="no-referrer" src="https://website/resource.jpg"></img>

，运行良好。

但是，在视频标签上，我无法阻止它，因为该标签不支持此属性，

<video id='video' controls  preload='metadata'>
            <source src="https://website/video.mp4" type='video/mp4'/>
        </video>

并添加

 <meta name="referer" content="no-referrer" />

在我的 index.html 的 header 中也没有结果。

有什么想法吗？谢谢。

Answer 1

正如您在 https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy 上看到的那样，只有 HTTP-header 是 miss-spelled 只有一个 r.

他们有一个例子：

<meta name="referrer" content="origin">

（但你想要 no-referrer 而不是 origin）

更多信息：来自同一页面的相关警告，但您似乎做对了。

Warning: As seen above, the noreferrer link relation is written without a dash — noreferrer. When the referrer policy is specified for the entire document with a element, it's written with a dash: .

在视频标签中使用 referrerPolicy

Using referrerPolicy in a video tag

html

referrer

same-origin-policy