H5的video標籤中遇到無效源解決
<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>
相關文章
- HTML中<a>標籤無法使用垂直邊距的解決方法HTML
- H5 video標籤列表渲染用canvas擷取視訊畫面做封面H5IDECanvas
- Idea中Springboot熱部署無效解決方法IdeaSpring Boot熱部署
- vue命令無效的解決方法Vue
- H5新增標籤元素H5
- Android原始碼學習中遇到的標籤記錄Android原始碼
- lombok 註解無效 已解決Lombok
- 解決img標籤與其它標籤間隙問題?
- 使用 Dingo 後 Handler 中 render 方法無效的解決辦法Go
- android merge標籤 的使用 和 遇到的坑Android
- IDEA解決Fatal error compiling: 錯誤: 無效的目標發行版:1.11IdeaError
- 蘋果手機H5 video標籤播放影片問題以及.mov格式處理方案蘋果H5IDE
- iview 酸爽debug: subMenu預設選中無效的解決方法View
- 救命!!!jenkins 中自動化測試中遇到無法解決的問題Jenkins
- 解決vue的component標籤渲染問題的方法Vue
- maven中的scope標籤類別詳解Maven
- IE8瀏覽器下,設定span標籤內容無效瀏覽器
- 解決select2 在modal中搜尋框無效的問題
- Maven中optional標籤詳解(轉)Maven
- 容器編排系統之K8s資源標籤、標籤選擇器、資源註解K8S
- phpstorm 的.idea 目錄加入.gitignore無效的解決方法PHPORMIdeaGit
- video標籤製作簡易版彈幕視訊IDE
- SpringBoot專案建立報錯——解決Intellij idea Error:java: 無效的源發行版: 16Spring BootIntelliJIdeaErrorJava
- 標籤編輯軟體中雙排標籤紙列印的時候向下偏移如何解決?
- video影片標籤播放時js/jQuery顯示播放控制元件會導致播放暫停解決辦法IDEJSjQuery控制元件
- JSTL標籤庫的jar包引入異常【已解決】JSJAR
- HTML中的標籤的使用HTML
- ESLint對a標籤href屬性警告解決方法EsLint
- win10怎麼清理無效登錄檔 刪除無效登錄檔的解決方法Win10
- python中pyquery無法獲取標籤名的dom節點Python
- 解決mysqld_multi stop命令無效問題MySql
- netstat -ano檢視埠號無效解決方法
- 微信h5跳轉小程式wx-open-launch-weapp開放標籤不顯示(已解決)H5APP
- HTML5的新特性——語義化標籤、多媒體標籤(video、audio)、input型別、表單屬性HTMLIDE型別
- video視訊標籤播放時js/jQuery顯示播放控制元件會導致播放暫停解決辦法IDEJSjQuery控制元件
- solidity註解標籤Solid
- “default”標籤跳過“ ”的初始化操作----問題解決
- Mybatis系列:解決foreach標籤內list為空的問題MyBatis