使用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" /> |
|
…… |
…… |
…… |
让我对./、../有了进一步的认识。