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:

  • View video
  • Listen to audio
  • View an embedded genially

View video

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.

3. Go ahead and perform the HTML download.

4. Once finished downloading, extract all the content from the .zip in a new folder:


5. Now, add your video to this folder:


6. You'll be able to open the genially.html file and view the video correctly. To see the whole process, check out this video: (soon)


Listen to audio

Once you've finished creating your genially, you'll need this code and to follow the next steps:

 

TIP: if you want to add a mini of your audio, add poster="name_of_your_image.jpg" after the "controls" line in the video code. The complete code will look like this: 



1. Copy the above code and paste it in the HTML tab of a window.

2. Find the source line src="audio.mp3". In this line, between the quotation marks in bold, change out audio.mp3 for the name of your audio.

If you've added a icon image to your audio, do the same to image.jpg in the poster "image.jpg" line.

Once finished, save your changes.

3. Go ahead and perform the HTML download.

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.


2. Now:

  • 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.

5. Go ahead and perform the HTML download of your main genially.

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.