原因如这篇博客所说，“Referer携带了我们自身网站的域名，第三方网站认为这是非法访问，所以报错403 forbidden”，因为阿里云OSS 提供 HTTP Referer 白名单配置，用于防止他人盗用 OSS 数据。
前端播放第三方外链视频报403 forbidden的原因及解决方案_博哥的二进制世界-CSDN博客
还有一种解决办法是，将地址加入白名单。
[](()一、超
链接
标签
======================================================================
[](()1.
链接
的语法格式
文本或图像
两个属性的作用如下：
| 属性 | 作用 |
| — | — |
| href | 用于指定
链接
目标的URL,（必须属性）当为
标签
应用href属性时，就具有了超
链接
的功能 |
| target | 用于指定
链接
页面
的打开方式，其中，_self为默认值，_blank为在新窗口打开方式 |
1.
HTML
文件中的 DOCTYPE 是什么作用？
HTML
超文本标记语言: 是一个标记语言, 就有对应的语法标准
DOCTYPE 即 Document Type，网页文件的文档类型标准。
主要作用是告诉浏览器的解析器要使用哪种
HTML
规范 或 X
HTML
规范 来解析
页面
。
DOCTYPE 需要放置在
HTML
文件的 <
html
>
标签
之前，如：
<!DOCTYPE
html
>
</
html
> (目前主流)
前端
播放
第三方
外链
视频
报
403
for
bidden
的原因及解决方案背景及原因解决办法
背景及原因
如下，
前端
通过
video
标签
播放
第三方
外链
视频
，
报
错
403
for
bidden
<
video
className="preview-player" controls autoPlay src={before
Video
Url}
然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。
我们打开控制台，可以看到在项目中打开，数据请求的请求头多了一个Referer: http://localhos
HTML
5面试题
一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?
声明位于文档中的最前面，处于
标签
之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
严格模式就是浏览器根据web标准去解析
页面
，是一种要求严格的DTD，不允许使用任何表现层的语法，
混杂模式是一种向后兼容的解析方法。
触发...
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
src ：
视频
的属性poster：
视频
封面，没有
播放
时显示的图片preload：预加载autoplay：自动
播放
loop：循环
播放
controls：浏览器自带的控制条width：
视频
宽度height：
视频
高度
html
代码
video
id="media" src="http://www.sundxs.com/test.mp4" controls width="40
403
For
bidden
错误通常表示您没有访问所请求资源的权限。在
播放
视频
时遇到
403
For
bidden
错误，可能是由于以下原因之一：
1. 权限问题：您没有足够的权限来访问
视频
文件或所在的目录。请确保您具有适当的权限。
2. 文件路径问题：
视频
文件的路径可能不正确或不存在。确保您提供了正确的文件路径。
3. 服务器配置问题：可能存在服务器配置问题，导致禁止访问
视频
文件。请联系服务器管理员或托管提供商以获取更多帮助。
为了解决这个问题，您可以尝试以下几个步骤：
1. 检查权限：确保您具有访问
视频
文件的权限。如果您在本地服务器上运行，请确保文件权限设置正确。如果您使用的是托管服务，请联系托管提供商以获取更多帮助。
2. 检查文件路径：确保您提供了正确的
视频
文件路径。检查文件名和目录是否拼写正确，并确保文件实际存在于指定的位置。
3. 检查服务器配置：如果您无法解决问题，请联系服务器管理员或托管提供商以获取帮助。他们可以检查服务器配置是否正确，并帮助您排除问题。
希望以上信息对您有所帮助！如果您有任何其他问题，请随时问我。
