视频自适应容器大小

LIUBINfighter · Dec 2, 2024 · 526687f · 526687f
1 parent 45af041
commit 526687f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/content/post/ai_powered_obsidian/index.md b/content/post/ai_powered_obsidian/index.md
@@ -34,4 +34,4 @@ Ob插件：我个人体验过不少Ob-AI插件，本次向大家推荐我使用
 
 <!-- <video controls src="Obsidian AI plugins workflow.mp4" title="Title"></video> -->
 
-<video controls width="640" height="480" src="Obsidian AI plugins workflow.mp4" title="Title"></video>
+<video style="width: 100%; height: auto;" src="Obsidian AI plugins workflow.mp4" title="Title"></video>
diff --git a/content/post/iris_dev_notes_1/index.md b/content/post/iris_dev_notes_1/index.md
@@ -14,7 +14,10 @@ summary: "使用cursor Tab（划掉）开发ObsidianPlugin: IrisSystem的笔记"
 
 ## 视频演示
 
-<video controls src="以Obsidian为平台的AI问答界面UI以及交互逻辑示意.mp4" title="Title"></video>
+<video controls style="width: 100%; height: auto;" src="以Obsidian为平台的AI问答界面UI以及交互逻辑示意.mp4" title="Iris Demo">
+  <!-- 视频自适应容器大小|视频无法播放时显示的内容 -->
+  Your browser does not support the video tag.
+</video>
 
 ## 项目架构
Original file line number	Diff line number	Diff line change
Expand Up		@@ -34,4 +34,4 @@ Ob插件：我个人体验过不少Ob-AI插件，本次向大家推荐我使用

		<!-- <video controls src="Obsidian AI plugins workflow.mp4" title="Title"></video> -->

		<video controls width="640" height="480" src="Obsidian AI plugins workflow.mp4" title="Title"></video>
		<video style="width: 100%; height: auto;" src="Obsidian AI plugins workflow.mp4" title="Title"></video>