视频

使用 QVideo 组件可以轻松嵌入类似 Youtube 的视频播放器。默认情况下，它还会调整大小以适合容器。

TIP

您还可以看看我们自己的 HTML 5 视频播放器组件：QMediaPlayer，它比 QVideo 高级很多 (QVideo 本质上是一个指向嵌入式 Youtube 视频的 iframe)。

QVideo API

QVideo API
title
: String
v2.4.3+
说明
（无障碍）设置内部使用的 iframe 的原生 'title' 属性值

用法

基础

<template>
  <div class="q-pa-md">
    <q-video
      src="https://www.youtube.com/embed/k3_tw44QsZQ?rel=0"
    />
  </div>
</template>

定义长宽比

<template>
  <div class="q-pa-md">
    <q-video
      :ratio="16/9"
      src="https://www.youtube.com/embed/k3_tw44QsZQ?rel=0"
    />
  </div>
</template>

等价 HTML 标签

<template>
  <div class="q-pa-md">
    <div class="q-video">
      <iframe
        src="https://www.youtube.com/embed/k3_tw44QsZQ?rel=0"
        frameborder="0"
        allowfullscreen
      />
    </div>
  </div>
</template>
查看更多？
Vue 组件
Uploader 上传
Vue 组件
Virtual Scroll 虚拟滚动
发现了一处错误？帮助改进提交问题
Privacy Policy | Quasar Artwork
版权声明 本中文文档内容版权为站长个人所有，保留所有权利。
免责声明 本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。