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

2016-05-14 12:05:49 +08:00
 ZGLHHH

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

到底应该怎么办?

7777 次点击
所在节点    Vue.js
5 条回复
loading
2016-05-14 12:20:17 +08:00
用 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 能正常加载视频即可

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/278589

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX