Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Customize Audio

How can I customize audio? I mean look at thsi first:

this is my code

    <!-- Video Intro & Audio
    ================================================== -->
    <section class="video-intro">
    <div class="fluid-container">

        <video autoplay loop>
            <source src="assets/videos/santa-video.mp4" type="video/mp4">
            <source src="assets/videos/santa-video.ogg" type="video/ogg">
        </video>

        <audio autoplay loop>
            <source src="assets/audio/snow-audio.wav" type="audio/wav">
            <source src="assets/audio/snow-audio.ogg" type="audio/ogg">
        </audio>

        <div class="intro-text">
            <h2>Merry Christmas!</h2>
            <p>Presented by Aurelian Spodarec</p>
        </div>

    </div>
    </section>

And now, i need to have only this image here , so i would put a font-awesome with a color blue and background dark blue, but when i click it, it will mute the audio. It needs to be a small fixed square on my left of the page which i will use the position absolute etc..

My question is how do i connect the audio with that font-awesome button to stop it?