V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
xiyangkevin
V2EX  ›  问与答

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

  •  
  •   xiyangkevin · Jul 12, 2020 · 3355 views
    This topic created in 2129 days ago, the information mentioned may be changed or developed.
    系统是 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 replies    2020-07-13 00:16:15 +08:00
    loading
        1
    loading  
       Jul 12, 2020 via Android
    mime
    xiyangkevin
        2
    xiyangkevin  
    OP
       Jul 12, 2020
    @loading stackoverflow 也说了和 mime 有关,但是怎么操作啊
    chinvo
        3
    chinvo  
       Jul 12, 2020
    你所谓的 localhost 是什么 web 服务器软件提供的服务
    xiyangkevin
        4
    xiyangkevin  
    OP
       Jul 12, 2020
    @chinvo 就是在浏览器里输入 localhost:12000
    qiayue
        5
    qiayue  
    PRO
       Jul 12, 2020
    F12
    loading
        6
    loading  
       Jul 12, 2020   ❤️ 1
    F12,切换到 network,自己对比你 webm 的 content-type
    loading
        7
    loading  
       Jul 12, 2020
    你连你自己用的是 apache 还是 nginx 都不知道,没法辅导。
    noqwerty
        8
    noqwerty  
       Jul 12, 2020
    @xiyangkevin #4 老哥这个回复让我想到了装机猿的鬼畜:

    - 那你电脑是啥配置啊?
    - 我 8G 内存
    - 你就整个一台电脑就是由一根内存构成的?你这内存是含嘴里你自己脑袋里头脑补画面玩的吗?
    nondanee
        9
    nondanee  
       Jul 12, 2020 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  
       Jul 12, 2020 via iPhone
    默认走的 file 协议,
    代码文件夹简单开个 http server,让它走 http 协议试试?
    xiaoxiuaoliang
        11
    xiaoxiuaoliang  
       Jul 12, 2020 via Android
    该不会是用 safari 打开的吧
    xiyangkevin
        12
    xiyangkevin  
    OP
       Jul 12, 2020
    @xiaoxiuaoliang chrome 打开的
    xiyangkevin
        13
    xiyangkevin  
    OP
       Jul 12, 2020
    @nondanee 我转换一下视频格式可以吗
    nondanee
        14
    nondanee  
       Jul 13, 2020
    @xiaoxiuaoliang
    额我理解错你的问题了。。。
    感觉是 src 的路径问题,改成相对路径试试,打开 network 检查下是不是 404 了
    然后按楼上大佬说的 content-type 也检查下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1281 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 58ms · UTC 17:24 · PVG 01:24 · LAX 10:24 · JFK 13:24
    ♥ Do have faith in what you're doing.