【问题标题】:How the loop the data background video in Reveal.js?Reveal.js中如何循环播放数据背景视频?
【发布时间】:2015-02-28 10:45:54
【问题描述】:

我在 Reveal.js 演示文稿中添加了几个视频,如下所示:

<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm"> </section>

一切看起来都应该如此,但我想在背景中循环播放一些视频以表达情绪。我找不到用于循环数据背景视频的任何数据属性。最好的方法是什么?我在将普通视频标签放入其中并使其全屏显示 css 时遇到奇怪的问题。 (这里描述Fullscreen Video with CSS)。 Reveal.js 有什么想法吗?

【问题讨论】:

  • 实际上我在推特上问过@hakimei,他告诉我 data-background-video-loop 属性在当前的reveal.js开发版本中,并将在下一个版本中。

标签: html video background reveal.js


【解决方案1】:

我刚刚检查过,在最新版本 (Reveal.js 3.1.0) 中,您可以执行以下操作: data-background-video-loop="loop" 视频会循环播放。

【讨论】:

  • 为了清楚起见,生成的部分标记应如下所示:&lt;section data-background-video="video-here.mp4" data-background-video-loop="loop"&gt;
  • 对于markdown,将此注释放在幻灯片标题/第一行之前的一行,它将应用于section标签:&lt;!-- .element: data-background-video="video-here.mp4" data-background-video-loop="loop" --&gt;
猜你喜欢
  • 2013-02-10
  • 2017-05-29
  • 1970-01-01
  • 1970-01-01
  • 2022-10-16
  • 2020-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多