video标签出现“Failed to load resource: net::ERR_FILE_NOT_FOUND”

使用Up主关于video标签的脚本,在本地VSCode编辑器中并不能正常运行(当然是个人原因造成的,但是因为什么呢?),如下图所示。(其实这个问题还是很值的记录一下的。看起来简单的video标签案例,完全复制粘贴过来的代码,动手在本地上试一下往往便会有意向不到的错误发生。)

复制后的脚本无法在本地正常调试


真正的问题在于:index.html文件与视频文件flower.webm目录位置的区分。那么,在index.html中引用视频文件flower.webm的路径写法,解决方案总结如下:

序数

项目文件架构

index.html中的soure标签写法

情况一

<source src="flower.webm" type="video/webm" />

<source src="./flower.webm" type="video/webm" />

情况二

<source src="../flower.webm" type="video/webm" />

情况三

<source src="../media/flower.webm" type="video/webm" />

情况四

<source src="media/flower.webm" type="video/webm" />

<source src="./media/flower.webm" type="video/webm" />

……

……

……

让我对./、../有了进一步的认识。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章