V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ZGLHHH
V2EX  ›  Vue.js

vue.js 不支持 HTML5 的 video 标签?

  •  
  •   ZGLHHH · 2016-05-14 12:05:49 +08:00 · 7869 次点击
    这是一个创建于 3097 天前的主题,其中的信息可能已经有所发展或是发生改变。

    使用 PHP 框架: Lumen

    <div id="app">
        <div class="plyr">
            <video controls preload="none">
                <source :src="videourl" type="video/mp4">
                您的浏览器不支持 HTML5 视频,请更换浏览器。比如 Chrome 、 Firefox 等主流浏览器。
            </video>
        </div>
    </div>
    

    无法加载视频。 如果不用:src 直接 src

      <source src="@{{ videourl }}" type="video/mp4">
    

    Console 又会提示

    vue.js:1018 [Vue warn]: src="{{ videourl  }}": interpolation in "src" attribute will cause a 404 request. Use v-bind:src instead.
    

    到底应该怎么办?

    5 条回复    2016-05-14 17:30:56 +08:00
    loading
        1
    loading  
       2016-05-14 12:20:17 +08:00 via Android
    用 v-bind:src 代替,提示不是写了吗?

    而且只是警告。
    ZGLHHH
        2
    ZGLHHH  
    OP
       2016-05-14 12:33:38 +08:00
    @loading v-bind:src 可以简写成:src ……
    SourceMan
        3
    SourceMan  
       2016-05-14 12:37:33 +08:00
    去 github 开 issue
    oott123
        4
    oott123  
       2016-05-14 17:29:48 +08:00
    一脸懵逼
    这不算解决吧……
    双向绑定呢……
    ZGLHHH
        5
    ZGLHHH  
    OP
       2016-05-14 17:30:56 +08:00
    @oott123 能正常加载视频即可
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5826 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 01:52 · PVG 09:52 · LAX 17:52 · JFK 20:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.