html5 - H5 video 問題
問題描述
使用H5的video標(biāo)簽引用視頻，在PC上測(cè)試沒有問題，手機(jī)上卻無法打開。不知道問題點(diǎn)在什么地方求解。使用工具webstorm本地調(diào)試模式，允許局域網(wǎng)訪問。
得到的地址類似這樣：http://localhost:8089/ckplaye...
html結(jié)構(gòu)如下圖
文件結(jié)構(gòu)如下圖
奇怪的是即使我把引用地址改成遠(yuǎn)程地址，情況也是一樣PC可以打開手機(jī)打不開。用局域網(wǎng)的其他PC測(cè)試過也不是防火墻問題。
-------------------目前測(cè)試得到的結(jié)果---------------
同樣的代碼如果上傳到服務(wù)器環(huán)境，手機(jī)上可以正常打開。估計(jì)是webstorm的這個(gè)測(cè)試服務(wù)問題。如果有高手的話希望解釋下究竟是什么原因。回復(fù)里說IP問題的，IP肯定已經(jīng)換成本機(jī)IP了網(wǎng)頁其他部分都是正常，現(xiàn)在問題就是視頻這塊。
問題解答
回答1：http://localhost:8089/ckplaye...手機(jī)訪問這地址？就算你是局域網(wǎng)也要訪問你的ip啊，這網(wǎng)址只適合你電腦訪問不知道你說的手機(jī)打不開是網(wǎng)頁打不開還是無法播放視頻？
回答2：試試把設(shè)置src放到source里
<video controls poster='https://archive.org/download/WebmVp8Vorbis/webmvp8.gif' > <source src='https://archive.org/download/WebmVp8Vorbis/webmvp8.webm' type='video/webm'> <source src='https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4' type='video/mp4'> <source src='https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv' type='video/ogg'> Your browser doesn’t support HTML5 video tag.</video>
相關(guān)文章：
1. linux - 【已解決】fabric部署的Python項(xiàng)目Apache啟動(dòng)之后提示403Forbidden該如何解決？2. python - （初學(xué)者）代碼運(yùn)行不起來，求指導(dǎo)，謝謝！3. mysql里的大表用mycat做水平拆分，是不是要先手動(dòng)分好，再配置mycat4. window下mysql中文亂碼怎么解決？？5. python - flask sqlalchemy signals 無法觸發(fā)6. nginx - pip install python庫報(bào)錯(cuò)7. python - 獲取到的數(shù)據(jù)生成新的mysql表8. python的文件讀寫問題？9. javascript - js 對(duì)中文進(jìn)行MD5加密和python結(jié)果不一樣。10. 為什么python中實(shí)例檢查推薦使用isinstance而不是type？
網(wǎng)公網(wǎng)安備