未分類
8 7 月 2020

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

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

資深大佬 : xiyangkevin 8

系统是 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)

  • 資深大佬 : 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 也检查下