Can you play a video that you’ve got stored on your computer in a genially? But of course! To do this, you’ll need to use the View offline download option, meaning you’ll be downloading your genially in HTML.
In this tutorial, you'll learn how to insert and play videos from your computer in a genially.
Insert a video
You can insert any video that’s stored on your computer in MP4 format in a genially that you’ve downloaded to view offline. You can insert it on the canvas or in an interactive Window or Tooltip.
Steps for inserting a video on the canvas
1. Go to the Editor of the creation you want to insert the video in.
2. Click on Pages and select the page where you want to insert the video.
3. Click on Insert and then on the Other tab.
4. In the text box that appears, paste the following code:
<video width="100%" height="100%" controls="controls" src="video1.mp4"></video>
Replace ‘video1’ with the name of your video.
IMPORTANT: The file name has to match the one you put in the code for the video to work.
5. Click on the Insert button. A video player will appear on the canvas which you can adjust and place wherever you like.
6. Save changes.
Steps for inserting a video in an interactive window or tooltip
1. Go to the Editor of the creation you want to insert the video in.
2. Select the element you’re going to apply the interactivity to and click on the Interactivity icon that appears just above it.
3. Select the type of interactivity (Window or Tooltip).
4. Click on the Code view in the interactivity editing toolbar and paste the following code:
<video width="100%" height="100%" controls="controls" src="video1.mp4"></video>
Replace ‘video1’ with the name of your video.
IMPORTANT: The file name has to match the one you put in the code for the video to work.
5. Save changes.
How to play the inserted video
Now that you’ve inserted the video in your genially, to play it, follow these steps:
1. Download the genially using the View offline download option.
2. Unzip the genially .zip file you have just downloaded. A new folder will be created with the genially files.
3. Copy the video MP4 file that you have stored on your computer and paste it in the folder that’s been created with the genially files.
All set! You can now play your video wherever you have inserted it, on a page or by clicking on the interactive element you chose. Open the genially by double clicking on the genially.html file.
So, what do you think? You can now show your videos without needing to upload them to a cloud space. You can also insert a genially inside another genially for offline viewing.
