View videos, audios, and geniallys in an HTML download (offline)
Modified on: Wed, 11 Aug, 2021 at 4:58 PM
You've made an HTML download of your genially and everything works great but you need to be able to view a video, listen to an audio or view an embedded genially while offline, so you need these elements to be stored in your hard drive.
In this article, we'll teach you how to get videos, audios or geniallys to work correctly from your hard drive in your genially without needing to open them separately. It just takes a few simple steps!
You'll learn how to:
Listen to audio
View an embedded genially
Once you've finished creating your genially, you'll need this code to carry out the next steps:
1. Copy the above code and paste it in the HTML tab of a window.
2. Find the source line src="video.mp4". In this text, between the quotation marks in bold, change video.mp4 for name of your video file. Once done, save your changes.
4. Once finished downloading, extract all the content from the .zip file in a new folder:
5. Now add your audio to this file:
6. You should now be able to open the genially.html file and view it correctly. See the whole process in this video: (soon)
View your embedded genially
Here you'll be able to "view a genially within another genially in an HTML download (offline)".
This process is the most complex because you'll need to download every genially you've embedded within the main one as well as the main genially and rename all the files called genially.html to keep them separate from the main genially.
Once you've finished creating your main genially, follow these steps:
1. First, create a new general folder and give it a name. This is where the HTML downloads will be stored later.
Download the secondary geniallys.
Extract the content in a new folder and add this folder to the general one.
Lastly, rename the genially.html file with its correct title name.
This secondary folder establishes a route in your computer that will help create the code you'll need later:
Next, you'll need this code:
3. Copy the above code and paste it in the HTML tab of a window (or in the Insert tab if you want the genially to appear directly on the canvas).
4. Find the source line src="../carpeta-segundo-genially/geniallyxx.html". In this line, between the quotation marks in bold, replace what's there with your root folder and the name of your genially.html file to have something like ../genially_5b4309fd43f7775b022ed8c3/genially2.html, for each of your secondary geniallys. Make sure there aren't any duplicate names. Once finished, save your changes.
6. Once the download is finished, extract all the content of the main .zip file in a new folder and add it to the general folder:
7. In the folder of your main genially, open the genially.html file. If all your work has been done correctly, you'll be able to view all your embedded geniallys offline. In this video you can see the whole process: (soon)