There are a few methods available for incorporating videos into your Zenfolio website. You can choose to include a video in a Hero Block, integrate it as part of an overall grid-style Image & Gallery Block, or display the video independently in a Video Block.
Hero Video
The Hero Video Block allows you to use a video from your Zenfolio account or from third-party video hosting services such as Vimeo or Youtube as the leading Hero Block on your website pages.
- In your Zenfolio account, click on the Website
icon, on the left-hand side.
- In the Website Editor, on the Navigation
tab, select which page you'd like to add the video to. See this guide here, for more information about creating multi-page websites.
- In the right-hand side of the Editor, click on the
icon in the place where you want to add the Video Block.
- Scroll through the different Block options and select the Hero Video block, in the Hero Blocks section. *Only one Hero Block can be added per page, as the first Block on the page. If a Hero Block is already present on the page, it will not be possible to add another Hero Block.
After selecting the Hero Video Block, you can then adjust the video that will be seen and other options for the Block.
- Appearance: Use these options to choose whether the video is displayed at a fixed heigh or if it is displayed more as cover content for the page with a caret to move down the page.
-
Video: Choose what video you want to display by either selecting from a Gallery in your account or by providing the Vimeo or Youtube URL specific to the video.
- If you'd like to choose a custom photo Cover for the video you can also do that here. Switch on the Cover option and use the Replace Photo button to choose a photo to use as the Cover of the video.
- You can also use the Autoplay, Audio, and Loop options to determine how the video plays when someone visits this page. Note: If Audio is disabled, the visitor must manually unmute the video.
-
If you wish to personalize the Title and Caption that will be displayed on top of the video, you can utilize the Text options for this purpose.
- On the right-hand side, while you have the Block selected, you can also choose to delete the Block. This action will provide a brief moment of being able to undo the deletion. However
After successfully adding your video, you have the option to preview your website and assess its appearance. Additionally, it is crucial to publish the website from the Editor to ensure that other visitors are able to view the added block.
Note: The entire video will be displayed within the space that is provided. If the video's aspect ratio does not match the aspect ratio of the Hero Block display space, which is dependent on the screen it's being viewed on, black bars will be seen around the video.
Add Video to Image & Gallery Blocks
The Image & Gallery Blocks allow you to easily incorporate images and videos from your Zenfolio account in a variety of ways like solo content, grids, carousel, or slideshow.
- In your Zenfolio account, click on the Website
- In the Website Editor, on the Navigation
- In the right-hand side of the Editor, click on the
- Scroll through the different Block options and select one of the applicable Image & Gallery blocks.
After selecting the Image & Gallery Block you want to use, you can then add media that will be seen.
- With the Block selected, click on the Add Media button from the options on the left-hand side.
- In the Add Media window that appears, select the My Folders button.
- Navigate through the Folders and Galleries in your account to locate where the video is uploaded, and select the video(s) you want to add.
- If you do not have a video uploaded to your Zenfolio account already, you can use the Desktop button to upload directly from your computer.
- Once the videos and images you want to add are selected, click on Done.
After successfully adding your video, you have the option to preview your website and assess its appearance. Additionally, it is crucial to publish the website from the Editor to ensure that other visitors are able to view the added block.
Video Block
The Video Block allows you to easily incorporate videos from your Zenfolio account or from third-party video hosting services such as Vimeo or Youtube.
- In your Zenfolio account, click on the Website
- In the Website Editor, on the Navigation
- In the right-hand side of the Editor, click on the
- Scroll through the different Block options and select the Video block, in the Content Blocks section.
After selecting the Video Block, you can then adjust the video that will be seen and other options for the Block.
- Video: Choose what video you want to display by either selecting from a Gallery in your account or by providing the Vimeo or Youtube URL specific to the video.
- If you'd like to choose a custom photo Cover for the video you can also do that here. Switch on the Cover option and use the Replace Photo button to choose a photo to use as the Cover of the video.
- You can also use the Autoplay, Audio, and Loop options to determine how the video plays when someone visits this page. Note: If Audio is disabled, the visitor must manually unmute the video.
- Appearance: Use these options to control the padding around the Block, as well as the Title and Body text that describes the video.
- On the right-hand side, while you have the Block selected, you can also choose from the Layouts available for the displaying of the Block.
After successfully adding your video, you have the option to preview your website and assess its appearance. Additionally, it is crucial to publish the website from the Editor to ensure that other visitors are able to view the added block.
Note: The entire video will be displayed within the space that is provided. If the video's aspect ratio does not match the aspect ratio of the display space, black bars will be seen around the video.