美文网首页
video 动态绑定src 视频不播放

video 动态绑定src 视频不播放

作者: CRJ997 | 来源:发表于2019-12-26 11:24 被阅读0次

用vue动态绑定video的src,发现不会播放。
问题代码:

<template>
  <video class="video-comp" autoplay loop :src="videoUrl"></video>
</template>
<script>
   ...
   mounted () {
     this.videoUrl = '....';
   }
</script>

后面改用dom操作解决问题。

<template>
  <video ref="video" class="video-comp" autoplay loop></video>
</template>
<script>
   ...
   mounted () {
     ...
     this.refs.video.src = '....';
   }
</script>

相关文章

  • video 动态绑定src 视频不播放

    用vue动态绑定video的src,发现不会播放。问题代码: 后面改用dom操作解决问题。

  • VUE动态绑定video的src不能播放

    给video绑定个ref值 在需要动态绑定的方法里用$refs动态设置src

  • 02HTML基础--基础标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性: src: 告诉video标签需要播放的视频地址...

  • 多媒体标签

    video标签 作用:播放视频 格式: video标签的属性src: 告诉video标签需要播放的视频地址auto...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • HTML多媒体标签

    video标签 格式1: 作用: 播放视频 属性: src: 告诉video标签需要播放的视频地址 autopla...

网友评论

      本文标题:video 动态绑定src 视频不播放

      本文链接:https://www.haomeiwen.com/subject/opykoctx.html