Some time ago I was talking to my friend Mairbek (@mairbek) about possible ways to make good and creative presentations. He advise me with the following solution that have been already tried out as a simple and lightweight HTML-framework with simple configuration, PDF-export, rich CSS and JS transformations etc. developed by one talented person @hakimel - (https://github.com/hakimel/reveal.js)
So, the decision was to use this framework for my presentation and I was really happy till I’ve faced a little problem that confused me in scope of my task “to make the presentation more creative” :). In fact I didn’t find an ability to insert and operate with video and spending some time on research I found a little workaround to make it possible for me without spending of extra-time to dive into the framework logic. I’ve just added dependency to JQuery and add two auxiliary functions into my presentation body to have make some magic to control my HTML5 video inside.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Including the HTML5 video into Reveal.js
So, at this point I was able to include something like that and control the video start by hitting the
1 2 3 4 5 6 7
You can download the demo zip-file here and open the ‘index.html’ after unpacking.
(12Mb with sample video)
Or you can just click here to see a little GIF-demo.