問題描述

使用H5的video標簽引用視頻，在PC上測試沒有問題，手機上卻無法打開。不知道問題點在什么地方求解。使用工具webstorm本地調(diào)試模式，允許局域網(wǎng)訪問。

得到的地址類似這樣：http://localhost:8089/ckplaye...

html結(jié)構(gòu)如下圖

文件結(jié)構(gòu)如下圖

奇怪的是即使我把引用地址改成遠程地址，情況也是一樣PC可以打開手機打不開。用局域網(wǎng)的其他PC測試過也不是防火墻問題。

-------------------目前測試得到的結(jié)果---------------

同樣的代碼如果上傳到服務器環(huán)境，手機上可以正常打開。估計是webstorm的這個測試服務問題。如果有高手的話希望解釋下究竟是什么原因。回復里說IP問題的，IP肯定已經(jīng)換成本機IP了網(wǎng)頁其他部分都是正常，現(xiàn)在問題就是視頻這塊。

問題解答

http://localhost:8089/ckplaye...手機訪問這地址？就算你是局域網(wǎng)也要訪問你的ip啊，這網(wǎng)址只適合你電腦訪問不知道你說的手機打不開是網(wǎng)頁打不開還是無法播放視頻？

試試把設置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>