HTML5 视频用 localhost 打开不能播放， vs code 的 live server 却可以

[xiyangkevin]

系统是 mac，求大佬能不能解答一下啊

<video id="videoSL" muted autoplay loop="" class="video" controls>
<source
src="/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm"
type="video/webm"
/>
</video>

用 localhost:12000 打开只能看到播放器的框架，但是用 vscode 的 open with live server 打开视频就可以播放。

在 google 上查了半天，有说用 IIS 的，但是这个是 windows 的工具啊，有大兄弟用 mac 遇到这种情况吗

[loading]

mime

[xiyangkevin]

@loading stackoverflow 也说了和 mime 有关，但是怎么操作啊

[chinvo]

你所谓的 localhost 是什么 web 服务器软件提供的服务

[xiyangkevin]

@chinvo 就是在浏览器里输入 localhost:12000

[qiayue]

F12

[loading]

F12，切换到 network，自己对比你 webm 的 content-type

[loading]

你连你自己用的是 apache 还是 nginx 都不知道，没法辅导。

[noqwerty]

@xiyangkevin #4 老哥这个回复让我想到了装机猿的鬼畜：

- 那你电脑是啥配置啊？
- 我 8G 内存
- 你就整个一台电脑就是由一根内存构成的？你这内存是含嘴里你自己脑袋里头脑补画面玩的吗？

[nondanee]

vscode 使用的 electron 精简过了没有音视频功能，webview 里直接使用 audio/video 都播放不了的

live server 插件应该打包了一个完整的 electron，独立于 vscode，有音视频功能支持，可以播放

之前有讨论过这个问题
https://github.com/nondanee/vsc-netease-music/issues/50#issuecomment-504920615

[Caerfur]

默认走的 file 协议，
代码文件夹简单开个 http server，让它走 http 协议试试？

[xiaoxiuaoliang]

该不会是用 safari 打开的吧

[xiyangkevin]

@xiaoxiuaoliang chrome 打开的

[xiyangkevin]

@nondanee 我转换一下视频格式可以吗

[nondanee]

@xiaoxiuaoliang
额我理解错你的问题了。。。
感觉是 src 的路径问题，改成相对路径试试，打开 network 检查下是不是 404 了
然后按楼上大佬说的 content-type 也检查下