ZGLHHH
V2EX  ›  Vue.js

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

  •  
  •   ZGLHHH · May 14, 2016 · 8461 views
    This topic created in 3693 days ago, the information mentioned may be changed or developed.

    使用 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 replies    2016-05-14 17:30:56 +08:00
    loading
        1
    loading  
       May 14, 2016 via Android
    用 v-bind:src 代替,提示不是写了吗?

    而且只是警告。
    ZGLHHH
        2
    ZGLHHH  
    OP
       May 14, 2016
    @loading v-bind:src 可以简写成:src ……
    SourceMan
        3
    SourceMan  
       May 14, 2016
    去 github 开 issue
    oott123
        4
    oott123  
       May 14, 2016
    一脸懵逼
    这不算解决吧……
    双向绑定呢……
    ZGLHHH
        5
    ZGLHHH  
    OP
       May 14, 2016
    @oott123 能正常加载视频即可
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3216 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 11:40 · PVG 19:40 · LAX 04:40 · JFK 07:40
    ♥ Do have faith in what you're doing.