在vue页面当中使用原生视频显示

原创

于 2018-01-12 09:40:26 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #HTML #视频

这篇博客展示了如何在Vue应用中使用HTML的video标签来显示原生视频。通过在模板中定义video元素，并设置视频源为data属性，实现了在页面上添加一个可控的视频播放器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div class="whole">
    <video :src="videoOptions" controls='controls'>
      您的浏览器不支持 video 标签。
    </video>
  </div>

</template>

<script>
  export defa

最低0.47元/天解锁文章

200万优质内容无限畅学