html5 - H5 video 問題

問題描述

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

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

html結構如下圖

文件結構如下圖

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

-------------------目前測試得到的結果---------------

同樣的代碼如果上傳到服務器環境，手機上可以正常打開。估計是webstorm的這個測試服務問題。如果有高手的話希望解釋下究竟是什么原因?；貜屠镎fIP問題的，IP肯定已經換成本機IP了網頁其他部分都是正常，現在問題就是視頻這塊。

問題解答

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

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