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新增標籤元素H5
- vue命令無效的解決方法Vue
- SQL物件名無效的解決SQL物件
- H5 video標籤列表渲染用canvas擷取視訊畫面做封面H5IDECanvas
- Android 中 View.setEnabled(false) 無效的解決方法AndroidViewFalse
- lombok 註解無效 已解決Lombok
- 解決img標籤與其它標籤間隙問題?
- Android原始碼學習中遇到的標籤記錄Android原始碼
- 奇怪的bug:解決 vue-cli中 proxyTable 配置無效Vue
- dumprep.exe遇到無效指令
- 蘋果手機H5 video標籤播放影片問題以及.mov格式處理方案蘋果H5IDE
- 解決XML下無效字元的問題XML字元
- Idea中Springboot熱部署無效解決方法IdeaSpring Boot熱部署
- 使用 Dingo 後 Handler 中 render 方法無效的解決辦法Go
- maven中的scope標籤類別詳解Maven
- mybatis中foreach標籤詳解MyBatis
- Maven中optional標籤詳解(轉)Maven
- IE8瀏覽器下,設定span標籤內容無效瀏覽器
- a:active在ios上無效解決方法iOS
- iview 酸爽debug: subMenu預設選中無效的解決方法View
- 救命!!!jenkins 中自動化測試中遇到無法解決的問題Jenkins
- 容器編排系統之K8s資源標籤、標籤選擇器、資源註解K8S
- CKEditor使用中遇到的問題解決
- android merge標籤 的使用 和 遇到的坑Android
- 解決vue的component標籤渲染問題的方法Vue
- HTML中的標籤的使用HTML
- 標籤編輯軟體中雙排標籤紙列印的時候向下偏移如何解決?
- 求助:如何中斷jsf中多個自定義標籤中的其他標籤JS
- IDEA中Spring boot配置熱部署無效問題解決方式IdeaSpring Boot熱部署
- video標籤製作簡易版彈幕視訊IDE
- jquery uploadify在FF下無效的解決辦法jQuery
- win10怎麼清理無效登錄檔 刪除無效登錄檔的解決方法Win10
- Jstl中標籤的使用JS
- HTML中的script標籤研究HTML
- 解決mysqld_multi stop命令無效問題MySql
- Ehcahe操作無效,希望各位能幫忙解決
- tips - 解決 base 標籤造成 SVG 效果失效SVG