search

paulrouget / dzslides

DZSlides is a one-file HTML template to build slides in HTML5 and CSS3.
http://paulrouget.com/dzslides
939 stars 255 forks source link

Instructions for using embedder full screen #85

Closed mathjazz closed 12 years ago

mathjazz commented 12 years ago

If I understand correctly, embedder.html should be embedded into a website using iframe element.

This gives us a 3-level structure:

-> 1. MAIN WEBSITE ---> 1. 1. IFRAME (embedder) -----> 1. 1. 1. IFRAME (slides) -----> 1. 1. 2. CONTROLS (back, forward, full screen)

Now, when the user clicks full screen button, nothing happens, because the IFRAME with slides (1.1.1.) gets full screen inside IFRAME with embedder (1.1.), which normally has a fixed width and height.

Once allowfullscreen attributes (allowfullscreen mozallowfullscreen webkitallowfullscreen) are added to the IFRAME with embedder (1.1.), full screen button starts behaving as expected.

Should we add a short notice to the README file about using the full screen mode with embedder?

hsablonniere commented 12 years ago

@paulrouget is working on the documentation. This would definitly have to be in it. Thanks!