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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 3145 天前的主题，其中的信息可能已经有所发展或是发生改变。

使用 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.

到底应该怎么办？

第 1 条附言 · 2016-05-14 13:24:29 +08:00

解决！
http://forum.vuejs.org/topic/4019/vue-js%E4%B8%8D%E6%94%AF%E6%8C%81html5%E7%9A%84video%E6%A0%87%E7%AD%BE

5 条回复 • 2016-05-14 17:30:56 +08:00

loading

2016-05-14 12:20:17 +08:00 via Android

用 v-bind:src 代替，提示不是写了吗？

而且只是警告。

ZGLHHH

2016-05-14 12:33:38 +08:00

@loading v-bind:src 可以简写成:src ……

SourceMan

2016-05-14 12:37:33 +08:00

去 github 开 issue

oott123

2016-05-14 17:29:48 +08:00

一脸懵逼
这不算解决吧……
双向绑定呢……

ZGLHHH

2016-05-14 17:30:56 +08:00

@oott123 能正常加载视频即可