Video player - JW Player

Video hosted by JW Player embedded on a page.

Example

Video transcript

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.

Mark-up

<div class="container">
    <div class="row">
        <div class="col-12">
            <!-- INSERT EMBED SCRIPT TAG FROM JW PLAYER-->
            <div class="slb-accordion my-3" aria-label="Information Accordion">
                <button class="slb-accordion__toggle collapsed" id="information-accordion-toggle-1" data-toggle="collapse" data-target="#information-accordion-panel-1" aria-expanded="true" aria-controls="information-accordion-panel-1">
                    <svg class="slb-accordion__toggle-icon" viewBox="0 0 512 512" id="chevron-circle-down-example-1"><title>chevron-circle-down</title><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z"/></svg>...
                </button>
                <div class="slb-accordion__panel collapse"  id="information-accordion-panel-1" aria-labelledby="information-accordion-toggle-1">
                    <p>...</p>
                </div>
            </div>
        </div>
    </div>
</div>

Dependencies

JW Player script tag
Information accordion
Bootstrap utilities