How to embed another html presentation within a new quarto presentation?

[stefaniecg]

Description

How to embed another html presentation within a new quarto presentation?
The html presentation i want to embedd is located in: "file:////test/index.html", it has many slides, thus it has transitions.

I want it full screen and for transitions to happen automatically.
I have tried the followint methods, my problem is that:

• Method 1 is not full screen and i have to click it to enable transitions
• Method 2 is full screen, but i have to click to enable transitions and once i arrive to the last slide, i'm stuck there and cannot reach the "Last slide"

Support would be appreciated, thanx

---
title:   my title
author:  my name
format:  revealjs
---

## First slide
- with some text content

## Method 1

<iframe src="file:///<PATH TO FILE>/test/index.html" width="560" height="315" frameborder="0" allowfullscreen></iframe>

## Method 2 {background-iframe="file:///<PATH TO FILE>/test/index.html" background-interactive="true"}

## Last slide
end of slides

[kaminagakur4]

Both symptoms are the same thing, and it's keyboard focus rather than anything about embedding.

background-interactive lets the inner deck take the keyboard the moment you click it, and it never hands it back, so the outer deck stops advancing. That's the stuck part. And it's the same reason you have to click at all: until you do, the arrow keys are still driving the outer deck.

So don't drive the embedded deck by hand, let it run itself. Drop background-interactive and pass reveal's own config in the query string, which means you don't have to edit that file at all:

## Method 2 {background-iframe="file:///<PATH TO FILE>/test/index.html?autoSlide=3000"}

I tried this in Chrome over file://, the way you have it: the embedded deck steps through on its own with no click, and the arrows still reach your "Last slide". It works because reveal.js merges the query string into its config at startup, and location.search is populated on file:// URLs too.

Two things worth knowing. autoSlide is one fixed interval in milliseconds, so per slide timing means data-autoslide inside the embedded deck. And if you keep background-interactive for some other reason, you aren't truly stuck: the outer deck's on screen arrow still works after the iframe has taken the keyboard, and clicking it gives the keyboard back.

This assumes the embedded presentation is reveal.js, which it is if you built it with Quarto. If it's something else, the diagnosis above still holds, you'd just need that tool's own way to advance on a timer.