Xaringan幻灯片中的背景视频

问题描述 投票:0回答:1

我正在使用Xaringan编写演示文稿。我想嵌入视频,以便当我过渡到包含视频的幻灯片时,它会自动以全屏播放。 (即,我不需要点击视频即可播放)。

我可以通过使用revealjs实现我想要的:

## {data-background-video="my_video.mp4"}

但是我已经用了大约30个小时用Xaringan编写了演示文稿,包括一些自定义的CSS样式(我是一个完整的CSS新手),所以我不想转换为RevealJS(尤其是因为我没有使用其他的RevallyJS而不是测试上面的内容。

Xaringan是否有同等学历?考虑到它是基于revealjs的,我认为这是可能的,但是尽管在互联网上花费了很多时间,但我仍无法解决。

或者,有一种方法可以通过键盘按键激活非全屏视频。例如,就像播放视频的增量步骤一样:

这不起作用。它在按键时播放音频,但不播放视频:

---
--
<video width="100%" height="100%" controls>
    <source src="media/my_video.mp4" type="video/mp4">
</video>
---

[这会在演示文稿的开头播放音频(不是我想要的幻灯片),并且没有视频(可能是因为我在第一张幻灯片上设置了背景图像):

<video width="100%" height="100%" autoplay>
    <source src="media/my_video.mp4" type="video/mp4">
</video>

我正在使用Xaringan编写演示文稿。我想嵌入视频,以便当我过渡到包含视频的幻灯片时,它会自动以全屏播放。 (即,我不想不必...

reveal.js xaringan
1个回答
0
投票

我在有限的时间内无法获得完整的解决方案,但是您可以使用它作为开始。

© www.soinside.com 2019 - 2024. All rights reserved.