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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1606 天前的主题，其中的信息可能已经有所发展或是发生改变。

系统是 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 遇到这种情况吗

14 条回复 • 2020-07-13 00:16:15 +08:00

loading

2020-07-12 06:27:52 +08:00 via Android

mime

xiyangkevin

2020-07-12 06:33:58 +08:00

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

chinvo

2020-07-12 07:12:17 +08:00

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

xiyangkevin

2020-07-12 09:00:48 +08:00

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

qiayue

2020-07-12 09:02:57 +08:00

F12

loading

2020-07-12 09:31:46 +08:00

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

loading

2020-07-12 09:33:13 +08:00

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

noqwerty

2020-07-12 09:45:30 +08:00

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

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

nondanee

2020-07-12 10:53:22 +08:00 via Android

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

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

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

Caerfur

2020-07-12 11:37:25 +08:00 via iPhone

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

xiaoxiuaoliang

2020-07-12 19:08:21 +08:00 via Android

该不会是用 safari 打开的吧

xiyangkevin

2020-07-12 19:46:34 +08:00

@xiaoxiuaoliang chrome 打开的

xiyangkevin

2020-07-12 20:02:21 +08:00

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

nondanee

2020-07-13 00:16:15 +08:00

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