使用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" /> |
|
…… |
…… |
…… |
讓我對./、../有了進一步的認識。