Video

<div class="health-video">
    <div class="health-video__preview">
        <a class="health-video__preview__link" href="" data-youtubeid="soDUaoPKcjY">
            <div class="au-responsive-media-img">
                <img src="../../images/trex_16x9.jpg">
            </div>
            <div class="health-video__preview__play-button">
                <span class="svg-inline--fa">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                        <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" />
                    </svg>
                </span>
            </div>
        </a>
        <div class="au-video__preview__length health-video__preview__length">
            <span class="svg-inline--fa">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                </svg>
            </span>
            3:35
        </div>
    </div>
</div>

<section class="health-video__transcript au-accordion">
    <button class="au-accordion__title js-au-accordion au-accordion--closed" aria-controls="accordion-default" aria-expanded="false" onclick="return AU.accordion.Toggle( this )">
        Transcript
    </button>

    <div class="au-accordion__body au-accordion--closed" id="accordion-default">
        <div class="au-accordion__body-wrapper">
            <p><i>NARRATOR:</i> It's one of the most mysterious dinosaurs ever discovered: head like a crocodile, meter-long jaws, a spectacular sail, and an overall body larger than T. rex.</p>
            <p><i>NIZAR IBRAHIM (University of Chicago):</i> There is no animal alive or extinct, that we know of, that looks anything like <i>Spinosaurus</i> .</p>
            <p><i>NARRATOR:</i> <i>Spinosaurus</i> : only one skeleton has ever been found, and, in a single night, it was destroyed.</p>
            <p><i>HANS-DIETER SUES (National Museum of Natural History):</i> It was a catastrophic loss to science, overall.</p>
            <p><i>NARRATOR:</i> Now, after a century of searching, a new skeleton has emerged from the Sahara.</p>
            <p><i>MATT LAMANNA (Carnegie Museum of Natural History):</i> When this skeleton is revealed, it's going to change our understanding of this animal in pretty fundamental ways.</p>
        </div>
    </div>
</section>