H5的video標籤中遇到無效源解決

weixin_45182428發表於2020-12-22
 <video  id="video1" width="420" controls="controls" preload="metadata">
	<source src="Uploadfile/${video.v_url}" type="video/mp4"/>
	<source src="Uploadfile/${video.v_url}" type="video/webm"/>
	<source src="Uploadfile/${video.v_url}" type="video/ogg"/>	
	<span>瀏覽器暫不支援:video</span>
 </video>

當遇到無效源時,就是可能該頁面未能找到視訊源所在位置。這時就要看頁面與視訊的相對位置,然後在路徑前加上"…/“或者”…/…/“等等,具體看包含多少層,幾層就就寫幾個”…/",具體的與css的路徑問題類似。

舉例:下面是頁面的父目錄與視訊的父目錄(Uploadfile)同一級。

 <video  id="video1" width="420" controls="controls" preload="metadata">
	<source src="../Uploadfile/${video.v_url}" type="video/mp4"/>
	<source src="../Uploadfile/${video.v_url}" type="video/webm"/>
	<source src="../Uploadfile/${video.v_url}" type="video/ogg"/>	
	<span>瀏覽器暫不支援:video</span>
 </video>

相關文章