Skip to content

Commbocc/htv-video-on-demand

Repository files navigation

HTV Video On-Demand

Govwebcast Server 10 Video Portal Customization Guide

Main Layout

The main layout acts as a wrapper for the Video Portal and Video Player landing pages.

Landing Pages

Landing pages have several components that can be included as specified in the customization guide:

  • banner
  • search_tool
  • live_meeting_video_listing
  • on_demand_video_listing
  • video_player
  • synchronized_agenda_items
  • agenda_document

Components

Each component file mentioned above, found in the _includes directory, contains a reference to a recommended placement of where a component might reside in the HTML code. These are designated with the following comment tag:

<!-- GEOWEBCAST_COMPONENT -->

As an example look at the proposed synchronized_agenda_items component. HTML content above the comment tag in the node tree acts as a wrapper for the component and content below the tag in the node tree is a recommendation of how the component might be coded.

<aside id="SynchronizedAgendaItems" class="">

	<!-- GEOWEBCAST_COMPONENT -->
	<ol class="py-2 pr-0 mb-0 small">
		<!-- past items -->
		{% for n in (1..5) %}
		<li class="sync-agenda-item sync-agenda-item-past">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		</li>
		{% endfor %}

		<!-- active item -->
		<li class="sync-agenda-item sync-agenda-item-active">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		</li>

		<!-- default items -->
		{% for n in (1..20) %}
		<li class="sync-agenda-item">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		</li>
		{% endfor %}
	</ol>

</aside>