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

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

  •  
  •   xiyangkevin Jul 12, 2020 3360 views
    This topic created in 2130 days ago, the information mentioned may be changed or developed.
    系统是 mac,求大佬能不能解答一下啊

    <video id="videoSL" muted autoplay loop="" class="video" controls>
    <source
    src="http://www.v2ex.com/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     3323 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 183ms UTC 13:39 PVG 21:39 LAX 06:39 JFK 09:39
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86