A simple module, this module is a block panel showcasing a video across the entire screen, or the up to the right hand navigation, and optionally includes engaging or descriptive content below it to encourage viewing the video. Contact Web Services for assistance on implementing videos as these require technical modifications for responsiveness and security, and approval for copyright and accessibility. Each Video Block can have the following elements in this order:
- Video (REQUIRED)
- Content (OPTIONAL)
- Basic Content
- Question and Answer
- Tabbed Content
This allows you to provide small chunks of engaging content below the video with calls-to-action.
Ideas for Usage
- Feature Facilities
- Feature Students/Faculty/Alum (Testimonials)
- Feature Resources
- Feature Programs
Video Dimensions and Requirements
Some data definitions (content blocks) can potentially implement Video Sections. These replace embedding inside WYSIWYG editors, due to responsive standards. While embedding is possible, there are a number of limitations given the standards used by different video hosting solutions. Consider this order of operations for determining the use of videos:
- Will an image or link text with a link to the video be sufficient?
This is the most recommended as it accounts for all browsers, operating systems and video apps on mobile devices. Otherwise, results may vary depending on the mobile devices.
- Desktop video: the most compatible with embedded videos. Will run background videos.
- OS mobile video:
- With video player controls: Video shown with player controls and may open in different app (if installed).
- Without video player controls: Background videos may run on tablets depending on time duration, otherwise, video may show either one of the first frames or last frames, depending on if using <video> or <iframe> tag.
- Android mobile video:
- With video player controls: Video typically shown with player controls and may open in different app (if installed). Otherwise, video may be replaced with a gray icon that you have to select.
- Without video player controls: Background videos may run on tablets depending on time duration, otherwise, video may show either one of the first frames or last frames, depending on if using <video> or <iframe> tag. However, some video may only show a black screen in place of the video.
The responsive template is currently compatible with only Vimeo and YouTube players in their respective locations within the modules as described below. If you are using any other video player, you must link to the hosted video player webpage instead of embedding it in a Tarleton webpage. Do not embed any video player in the regular WYSIWYG editor fields, as it will not function correctly for all devices. Ask Web Services for assistance in embedding Vimeo and YouTube videos in their respective locations within the modules.
- Is the video or animation in 16:9 aspect ratio?
- The following content modules can take a 16:9 video:
- Photo Feature Panel
- Tall Aside Feature Panel
- Testimonials Panel
- Video Block Panel
- The following content modules can take 16:13 video1, however, the video must be less than 10 seconds long:
- Slideshow on right navigation template
- The following content module can take 3:2 video1, however, the video must be less than 10 seconds long:
- Slideshow on stacked template
- Locations/Spotlight module on the Tarleton homepage
1The Vimeo option for background videos is currently going through compatibility issues with the slideshow modules, so we are discouraging their use at this time until Vimeo is able to resolve the bug. Known symptoms include slow load times and misplaced slideshow navigational buttons. All other use appears to be unaffected.
- Is the video or animation a background video (set to auto-play, auto-loop and auto-mute)?
- These must adhere to the above aspect ratios for the specified content module.
- They must also be obvious that they are a video (first and last frames must be different from the background of the content module’s panel).
- They must be less than 10 seconds in duration.
Make sure the dimensions for the video content are produced in the proper size for the content module and then send your video link to Web Services for approval based on:
Only administrative users have access due to the complexity of code to make these responsive. Current options for videos are:
- YouTube Videos (using <iframe>)
- Vimeo Videos (using <iframe> excluding rotating areas)
- Vimeo Videos (using <video>)
