video: updated video size to make it fill the div automatically (#11550…

…) (#11552)
pingcap · Oct 10, 2022 · 6150995 · 6150995
1 parent 639d48e
commit 6150995
Show file tree

Hide file tree

Showing 11 changed files with 14 additions and 14 deletions.
diff --git a/dm/dm-overview.md b/dm/dm-overview.md
@@ -86,8 +86,8 @@ DM 遵循 Apache 2.0 协议，在 [LICENSE](https://github.com/pingcap/tiflow/bl
 
 要快速了解 DM 的原理架构、适用场景，建议先观看下面的培训视频。注意本视频只作为学习参考，具体操作步骤和最新功能，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson20_dm_part01.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson20_dm_part01.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
 
-<video src="https://download.pingcap.com/docs-cn/Lesson20_dm_part02.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
+<video src="https://download.pingcap.com/docs-cn/Lesson20_dm_part02.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
 
-<video src="https://download.pingcap.com/docs-cn/Lesson20_part03.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
+<video src="https://download.pingcap.com/docs-cn/Lesson20_part03.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+20+part+1.png"></video>
diff --git a/dumpling-overview.md b/dumpling-overview.md
@@ -9,7 +9,7 @@ summary: 使用 Dumpling 从 TiDB 导出数据。
 
 要快速了解 Dumpling 的基本功能，建议先观看下面的培训视频（时长 28 分钟）。注意本视频只作为功能介绍、学习参考，具体操作步骤和最新功能，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson18_dumpling.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+18.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson18_dumpling.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+18.png"></video>
 
 你可以通过下列任意方式获取 Dumpling：
 

diff --git a/explore-htap.md b/explore-htap.md
@@ -13,7 +13,7 @@ summary: 本文介绍如何深入探索并使用 TiDB 的 HTAP 功能。
 
 要快速了解 TiDB 在 HTAP 场景下的体系架构与 HTAP 的适用场景，建议先观看下面的培训视频（时长 15 分钟）。注意本视频只作为学习参考，如需了解详细的 HTAP 相关内容，请参阅下方的文档内容。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson04_htap.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+4.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson04_htap.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+4.png"></video>
 
 ## HTAP 适用场景
 

diff --git a/faq/manage-cluster-faq.md b/faq/manage-cluster-faq.md
@@ -41,7 +41,7 @@ mysql -h 127.0.0.1 -uroot -P4000
 
 如需快速了解 TiDB 节点、TiKV 节点、PD 节点的配置文件、数据文件及日志文件的相关介绍与其存放位置，建议观看下面的培训视频（时长 9 分钟）。
 
-<video src="https://tidb-docs.s3.us-east-2.amazonaws.com/compressed+-+Lesson+12.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+12.png"></video>
+<video src="https://tidb-docs.s3.us-east-2.amazonaws.com/compressed+-+Lesson+12.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+12.png"></video>
 
 ### 如何规范停止 TiDB？
 

diff --git a/overview.md b/overview.md
@@ -8,7 +8,7 @@ title: TiDB 简介
 
 关于 TiDB 的关键技术创新，请观看以下视频。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson01_intro.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+1.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson01_intro.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+1.png"></video>
 
 ## 五大核心特性
 
@@ -52,7 +52,7 @@ title: TiDB 简介
 
 关于 TiDB 典型应用场景和用户案例的介绍，请观看以下视频。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson06_scenarios.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+6.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson06_scenarios.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+6.png"></video>
 
 ## 另请参阅
 

diff --git a/quick-start-with-tidb.md b/quick-start-with-tidb.md
@@ -22,7 +22,7 @@ summary: 了解如何快速上手使用 TiDB 数据库。
 
 要快速了解 TiUP 的基本功能、使用 TiUP 快速搭建 TiDB 集群的方法与连接 TiDB 集群并执行 SQL 的方法，建议先观看下面的培训视频（时长 15 分钟）。注意本视频只作为学习参考，如需了解 [TiUP](/tiup/tiup-overview.md) 的具体使用方法和 [TiDB 快速上手具体操作步骤](#部署本地测试集群)，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson07_quick_start.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+7.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson07_quick_start.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+7.png"></video>
 
 ## 部署本地测试集群
 

diff --git a/ticdc/ticdc-overview.md b/ticdc/ticdc-overview.md
@@ -13,7 +13,7 @@ title: TiCDC 简介
 
 要快速了解 TiCDC 的基本原理和使用方法，建议先观看下面的培训视频（时长 33 分钟）。注意本视频只为学习参考，具体操作步骤和最新功能，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson22_ticdc.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+22.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson22_ticdc.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+22.png"></video>
 
 ## TiCDC 架构
 

diff --git a/tidb-architecture.md b/tidb-architecture.md
@@ -7,7 +7,7 @@ summary: 了解 TiDB 的整体架构。
 
 推荐先观看以下视频（时长约 14 分钟），快速了解 TiDB 的整体架构。
 
-<video src="https://tidb-docs.s3.us-east-2.amazonaws.com/compressed+-+302+Lesson+01+architecture.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/tumbnail+-+TiDB+architecture.png"></video>
+<video src="https://tidb-docs.s3.us-east-2.amazonaws.com/compressed+-+302+Lesson+01+architecture.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/tumbnail+-+TiDB+architecture.png"></video>
 
 与传统的单机数据库相比，TiDB 具有以下优势：
 

diff --git a/tidb-binlog/tidb-binlog-overview.md b/tidb-binlog/tidb-binlog-overview.md
@@ -17,7 +17,7 @@ TiDB Binlog 支持以下功能场景：
 
 要快速了解 Binlog 的基本原理和使用方法，建议先观看下面的培训视频（时长 32 分钟）。注意本视频只为学习参考，具体操作步骤和最新功能，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson21_binlog.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+21.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson21_binlog.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+21.png"></video>
 
 ## TiDB Binlog 整体架构
 

diff --git a/tidb-lightning/tidb-lightning-overview.md b/tidb-lightning/tidb-lightning-overview.md
@@ -9,7 +9,7 @@ TiDB Lightning 是用于从静态文件导入 TB 级数据到 TiDB 集群的工
 
 要快速了解 Lightning 的基本原理和使用方法，建议先观看下面的培训视频（时长 32 分钟）。注意本视频只为学习参考，具体操作步骤和最新功能，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson19_lightning.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+19.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson19_lightning.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+19.png"></video>
 
 TiDB Lightning 支持以下文件类型：
 

diff --git a/tidb-monitoring-framework.md b/tidb-monitoring-framework.md
@@ -53,4 +53,4 @@ Grafana 是一个开源的 metric 分析及可视化系统。TiDB 使用 Grafana
 
 要快速了解 TiDB 监控与报警系统的体系、该系统背后的数据流转方式、系统管理方法、系统使用方法和常用监控指标，建议观看下面的培训视频（时长 29 分钟）。注意本视频只作为学习参考，具体的[监控指标与相关报警规则](/alert-rules.md#tidb-报警规则)，请以文档内容为准。
 
-<video src="https://download.pingcap.com/docs-cn%2FLesson13_monitor.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+13.png"></video>
+<video src="https://download.pingcap.com/docs-cn%2FLesson13_monitor.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+13.png"></video>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -53,4 +53,4 @@ Grafana 是一个开源的 metric 分析及可视化系统。TiDB 使用 Grafana

		要快速了解 TiDB 监控与报警系统的体系、该系统背后的数据流转方式、系统管理方法、系统使用方法和常用监控指标，建议观看下面的培训视频（时长 29 分钟）。注意本视频只作为学习参考，具体的[监控指标与相关报警规则](/alert-rules.md#tidb-报警规则)，请以文档内容为准。

		<video src="https://download.pingcap.com/docs-cn%2FLesson13_monitor.mp4" width="600px" height="450px" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+13.png"></video>
		<video src="https://download.pingcap.com/docs-cn%2FLesson13_monitor.mp4" width="100%" height="100%" controls="controls" poster="https://tidb-docs.s3.us-east-2.amazonaws.com/thumbnail+-+lesson+13.png"></video>