Video Widget

Video Widget

This article will provide details on how to add/edit the Video widget on a web page.


Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. 
  1. Section(s): the total area, or section, for each widget. 

  2. Container(s): blocks that organize and group content together within a section. Think of them like boxes that hold different parts of a webpage, such as text, images, or videos, keeping everything neat and orderly. For example, the Split Content/Image widget has a block designated for text and a block designated for an image/video; these separate blocks are containers, since they contain the content within the section. 

To add this widget to a page, open up the page in your Hive and click +Add Section >> select Video >> then use the settings in the left-hand menu to make your edits, which we’ll cover in more detail below. 





VIDEO

What’s Included/Available: option to embed a video to the page, multiple size options for the video, and a background

Common Uses: videos that showcase your facility; welcome videos; video testimonials; informational videos for services/products

How to Edit/Settings
  1. Video Embed URL: paste the embed URL of the video you’d like to add to this field

  2. Size: use the Size dropdown to select your desired video size; available options are Med, Large, and Full (please note that Full refers to the entire size of the container designated to the video).

  3. Video Ratio: controls the cinematic display type of the video; the available video ratio options for this widget are:
    1. HD - 16:9: for 1080p definition videos
    2. Non HD - 4:3: standard definition

  4. Background Image URL: this will be displayed in the background of the main content in this section; to edit, click the magnifying glass and select the image you’d like to use, or upload one from your device. You also have the option to select a stock image from the Unsplash Image Library.

  5. Background Color: to change the background color of the entire section, click into the box and select the desired color; if you’re familiar with color hex codes you can also paste those into the Background Color setting. 

    If you have a background image, you can use the background color setting to overlay a color on top of it; you can also use this setting to make the background more/less transparent.



  6. Once you’ve finished making your edits to the Video section, click Set Content >> then Save the page to complete the process.

We hope this helps but please feel free to reach out to success@myfithive.com with any additional questions you may have. 

    • Related Articles

    • Video Embed Options

      This article will go over the different video embedding options available in your Hive. Before we begin, please note that videos must be uploaded to a streaming service, such as YouTube (preferred), in order for them to be used in your Hive/website. ...
    • Form Widget

      This article will provide details on how to add/edit the Form widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...
    • Testimonials Widget

      This article will provide details on how to add/edit the Testimonials widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...
    • Accordion Widget

      This article will provide details on how to add/edit the Accordion widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...
    • Gallery Widget

      This article will provide details on how to add/edit the Gallery widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...