在rmarkdown演示文稿中使用html调整视频大小

在 RMarkdown 演示文稿中嵌入视频时，你可以使用 HTML 标签来调整视频的大小。RMarkdown 支持嵌入 HTML 代码，因此你可以直接在 RMarkdown 文件中使用 HTML 标签来控制视频的显示。

以下是一个示例，展示了如何在 RMarkdown 演示文稿中嵌入视频并调整其大小。

示例 RMarkdown 文件

假设你有一个 RMarkdown 文件 presentation.Rmd，你可以按如下方式嵌入视频并调整其大小：

---
title: "RMarkdown Presentation"
author: "Your Name"
output: html_document
---

## Slide with Video

Here is a video embedded in the presentation:

<video width="640" height="360" controls>
  <source src="path/to/your/video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

解释

1. YAML 头部：定义文档的元数据，包括标题、作者和输出格式。
2. Markdown 内容：在 Markdown 内容中使用 HTML 标签嵌入视频。
3. <video> 标签：使用 HTML 的 <video> 标签嵌入视频，并设置 width 和 height 属性来调整视频的大小。
4. <source> 标签：指定视频文件的路径和类型。
5. controls 属性：添加视频控件（播放、暂停、音量等）。

调整视频大小

你可以通过修改 <video> 标签的 width 和 height 属性来调整视频的大小。例如：

• 设置视频宽度为 800 像素，高度为 450 像素：
• <video width="800" height="450" controls> <source src="path/to/your/video.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
• 设置视频宽度为 100%，高度自动调整：
• <video width="100%" controls> <source src="path/to/your/video.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

使用 CSS 调整视频大小

你还可以使用 CSS 来调整视频的大小。例如，使用内联样式：

<video style="width: 100%; height: auto;" controls>
  <source src="path/to/your/video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

或者在 RMarkdown 文件的头部添加自定义 CSS：

---
title: "RMarkdown Presentation"
author: "Your Name"
output: html_document
---

<style>
  .custom-video {
    width: 100%;
    height: auto;
  }
</style>

## Slide with Video

Here is a video embedded in the presentation:

<video class="custom-video" controls>
  <source src="path/to/your/video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>