Video Feature on Version 2.16

Preview this component (Custom Element; v2.3.0; 9/29/2021)

Guidelines using the component

Career Possibilities

Whether you see yourself working as a veterinarian or running the family farm, a degree from Animal Sciences will provide you with a hands-on education that will help you identify and solve the challenges of the future.

Career Possibilities Internships

Description

The Video Feature component an externally-hosted video on one side and text with a background on the other side. You can designate which side holds the video and which of the themed color choices is behind the text.

This will resize the video to meet proper dimensions while still filling the entire container.

There is also code that will take a raw YouTube, Vimeo, or MediaSpace URL and convert it to the frame URL. If you do not include a YouTube, Vimeo, or MediaSpace URL, it will display a black screen. Make sure the video is publically available and is not behind a login.

Component Display

Change Your Content and Options

Template -- enter raw HTML here

Template Options

Important Classes

Color Theme

Classes

FloatHorizontal Alignment (depreciated, use il-float)

Attributes

align (Whether the video is on the left or right)background (Background of the text)size (Size of the video)src (URL of the video -- will allow for Youtube, Mediaspace/Kaltura, or Vimeo)Test link

Advanced Options

These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.

Custom Style Tag before text

N/A

How to add it to your page

Copy and paste this in your page. Remember

Make sure you have updated your component to make sure the below code is completed.
Make sure you have the Header code in your header.

Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.

Copied to clipboard