HTML5 视频用 localhost 打开不能播放， vs code 的 live server 却可以
xiyangkevin · 2020-07-12 05:48:38 +08:00 · 2492 次点击这是一个创建于 1596 天前的主题，其中的信息可能已经有所发展或是发生改变。
系统是 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 遇到这种情况吗
<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 遇到这种情况吗
 |
1
loading 2020-07-12 06:27:52 +08:00 via Android
mime
|
 |
2
xiyangkevin OP @loading stackoverflow 也说了和 mime 有关，但是怎么操作啊
|
 |
3
chinvo 2020-07-12 07:12:17 +08:00
你所谓的 localhost 是什么 web 服务器软件提供的服务
|
|
4
xiyangkevin OP @chinvo 就是在浏览器里输入 localhost:12000
|
 |
5
qiayue 2020-07-12 09:02:57 +08:00
F12
|
|
6
loading 2020-07-12 09:31:46 +08:00  1
F12，切换到 network，自己对比你 webm 的 content-type
|
|
7
loading 2020-07-12 09:33:13 +08:00
你连你自己用的是 apache 还是 nginx 都不知道，没法辅导。
|
 |
8
noqwerty 2020-07-12 09:45:30 +08:00
|
 |
9
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 |
 |
10
Caerfur 2020-07-12 11:37:25 +08:00 via iPhone
默认走的 file 协议，
代码文件夹简单开个 http server，让它走 http 协议试试？ |
 |
11
xiaoxiuaoliang 2020-07-12 19:08:21 +08:00 via Android
该不会是用 safari 打开的吧
|
|
12
xiyangkevin OP @xiaoxiuaoliang chrome 打开的
|
|
13
xiyangkevin OP @nondanee 我转换一下视频格式可以吗
|
|
14
nondanee 2020-07-13 00:16:15 +08:00
@xiaoxiuaoliang
额我理解错你的问题了。。。 感觉是 src 的路径问题，改成相对路径试试，打开 network 检查下是不是 404 了 然后按楼上大佬说的 content-type 也检查下 |
Select Language