视频 | Quasar 框架 - Quasar 中文

为什么要捐赠

API 资源管理器

如何贡献

选项 & 辅助函数

样式 & 标识

布局和网格

Vue 组件

按钮

按钮下拉菜单

走马灯 (Carousel)

聊天消息 (Chat Message)

圆形进度条 (Circular Progress)

颜色选择器 (Color Picker)

对话框 (Dialog)

编辑器 - 所见即所得 (Editor - WYSIWYG)

展开项 (Expansion Item)

浮动操作按钮 (Floating Action Button)

表单组件 (Form Components)

文本输入框 (Input Textfield)

选择框 (Select)

文件选择器 (File picker)

字段 (包装器) (Field (wrapper))

单选按钮 (Radio)

复选框 (Checkbox)

开关 (Toggle)

按钮切换 (Button Toggle)

选项组 (Option Group)

滑块 (Slider)

范围选择器 (Range)

时间选择器 (Time Picker)

日期选择器 (Date Picker)

无限滚动 (Infinite Scroll)

内部加载 (Inner Loading)

交叉观察器 (Intersection)

线性进度条 (Linear Progress)

列表 & 列表项 (List & List Items)

标记表格 (Markup Table)

禁用服务器端渲染 (No SSR)

观察者 (Observers)

尺寸观察器 (用于元素) (Resize Observer (for Element))

滚动观察器 (Scroll Observer)

选项卡面板

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI (使用 Vite)

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

视频

使用 QVideo 组件可以轻松嵌入 Youtube 等视频。默认情况下，它还会调整大小以适应容器。

提示

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

用法

基本用法

带纵横比

等效标记

发现错误？在浏览器中编辑此页面

1. 简介

2. QVideo API

3. 用法

3.1. 基本用法

3.2. 带纵横比

3.3. 等效标记