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:

Video Portal

• banner
• search_tool
• live_meeting_video_listing
• on_demand_video_listing

Video Player

• 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>