如何在Quarto/Reveal.js演示文稿中并排添加视频？现有方法显示空白

可以实现两个视频并排显示，你使用的columns环境是正确的布局方式，问题出在HTML视频标签的语法错误，导致视频无法加载，幻灯片显示空白。

错误原因 #

你的<source>标签未正确闭合，HTML语法要求标签必须闭合——要么使用自闭合写法<source ... />，要么添加闭合标签</source>。另外，为了让视频适配列的宽度，建议给<video>标签添加width="100%"属性，避免视频超出列范围。

修正后的代码 #

---
title: "prueba"
format: revealjs
---

## Text

::: columns
::: {.column width="50%"}
Blah
:::

::: {.column width="50%"}
Bleh
:::
:::

## Images

::: columns
::: {.column width="50%"}
![cat](pexels-pixabay-45201.jpg)
:::

::: {.column width="50%"}
![cat](pexels-pixabay-45201.jpg)
:::
:::

## Videos

::: columns
::: {.column width="50%"}
<video autoplay loop width="100%">
  <source src="full.mp4" type="video/mp4" />
</video>
:::

::: {.column width="50%"}
<video autoplay loop width="100%">
  <source src="zoom.mp4" type="video/mp4" />
</video>
:::
:::

额外注意事项 #

• 确保视频文件路径正确：若视频与qmd文件在同一目录，直接写文件名即可；若在子目录，需填写相对路径（如videos/full.mp4）。
• 如需手动控制播放/暂停，可给<video>标签添加controls属性。
• Reveal.js优先兼容MP4（H.264编码）格式的视频，建议使用该格式保证播放正常。

内容的提问来源于stack exchange，提问作者murpholinox