html5 - H5 video 問題
問題描述
使用H5的video標簽引用視頻,在PC上測試沒有問題,手機上卻無法打開。不知道問題點在什么地方求解。使用工具webstorm本地調試模式,允許局域網訪問。
得到的地址類似這樣:http://localhost:8089/ckplaye...
html結構如下圖
文件結構如下圖
奇怪的是即使我把引用地址改成遠程地址,情況也是一樣PC可以打開手機打不開。用局域網的其他PC測試過也不是防火墻問題。
-------------------目前測試得到的結果---------------
同樣的代碼如果上傳到服務器環境,手機上可以正常打開。估計是webstorm的這個測試服務問題。如果有高手的話希望解釋下究竟是什么原因。回復里說IP問題的,IP肯定已經換成本機IP了網頁其他部分都是正常,現在問題就是視頻這塊。
問題解答
回答1:http://localhost:8089/ckplaye...手機訪問這地址?就算你是局域網也要訪問你的ip啊,這網址只適合你電腦訪問不知道你說的手機打不開是網頁打不開還是無法播放視頻?
回答2:試試把設置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>
相關文章:
1. android - 分享到微信,如何快速轉換成字節數組2. javascript - 能否讓vue-cli的express修改express重啟服務3. 解決Android webview設置cookie和cookie丟失的問題4. angular.js - Beego 與 AngularJS的模板格式沖突,該怎么解決?5. javascript - vue2.0中,$refs對象為什么用駝峰的方式獲取不到屬性?6. node.js - npm一直提示proxy有問題7. html5 - 有人做過防微信app界面的H5 demo嗎?8. javascript - 有沒有iOS微信中可以在背景播放視頻的方法?9. 最新版本的微信web開發者工具必須要APPID,會提供測試號,但是像你一樣tabBar配置的話不會顯示首頁與日志,難道我要下載跟你一樣的版本?10. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠,如何去除?
