問(wèn)題描述

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

得到的地址類(lèi)似這樣：http://localhost:8089/ckplaye...

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

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

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

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

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

問(wèn)題解答

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

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