V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xiyangkevin
V2EX  ›  问与答

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

  •  
  •   xiyangkevin · 2020-07-12 05:48:38 +08:00 · 2472 次点击
    这是一个创建于 1577 天前的主题,其中的信息可能已经有所发展或是发生改变。
    系统是 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
        1
    loading  
       2020-07-12 06:27:52 +08:00 via Android
    mime
    xiyangkevin
        2
    xiyangkevin  
    OP
       2020-07-12 06:33:58 +08:00
    @loading stackoverflow 也说了和 mime 有关,但是怎么操作啊
    chinvo
        3
    chinvo  
       2020-07-12 07:12:17 +08:00
    你所谓的 localhost 是什么 web 服务器软件提供的服务
    xiyangkevin
        4
    xiyangkevin  
    OP
       2020-07-12 09:00:48 +08:00
    @chinvo 就是在浏览器里输入 localhost:12000
    qiayue
        5
    qiayue  
       2020-07-12 09:02:57 +08:00
    F12
    loading
        6
    loading  
       2020-07-12 09:31:46 +08:00   ❤️ 1
    F12,切换到 network,自己对比你 webm 的 content-type
    loading
        7
    loading  
       2020-07-12 09:33:13 +08:00
    你连你自己用的是 apache 还是 nginx 都不知道,没法辅导。
    noqwerty
        8
    noqwerty  
       2020-07-12 09:45:30 +08:00
    @xiyangkevin #4 老哥这个回复让我想到了装机猿的鬼畜:

    - 那你电脑是啥配置啊?
    - 我 8G 内存
    - 你就整个一台电脑就是由一根内存构成的?你这内存是含嘴里你自己脑袋里头脑补画面玩的吗?
    nondanee
        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
    Caerfur
        10
    Caerfur  
       2020-07-12 11:37:25 +08:00 via iPhone
    默认走的 file 协议,
    代码文件夹简单开个 http server,让它走 http 协议试试?
    xiaoxiuaoliang
        11
    xiaoxiuaoliang  
       2020-07-12 19:08:21 +08:00 via Android
    该不会是用 safari 打开的吧
    xiyangkevin
        12
    xiyangkevin  
    OP
       2020-07-12 19:46:34 +08:00
    @xiaoxiuaoliang chrome 打开的
    xiyangkevin
        13
    xiyangkevin  
    OP
       2020-07-12 20:02:21 +08:00
    @nondanee 我转换一下视频格式可以吗
    nondanee
        14
    nondanee  
       2020-07-13 00:16:15 +08:00
    @xiaoxiuaoliang
    额我理解错你的问题了。。。
    感觉是 src 的路径问题,改成相对路径试试,打开 network 检查下是不是 404 了
    然后按楼上大佬说的 content-type 也检查下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3400 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 11:05 · PVG 19:05 · LAX 03:05 · JFK 06:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.