Video Controller video-controller.js ; video-modal.js ; Use the video-controller module to control HTML video tags with JavaScript. Examples Basic Play / Pause Mute / Unmute Rewind <video id="video-example" class="js-video-controller"> <source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"> </video> <div class="buttons"> <button class="button js-video-controller__toggle-playback" data-target="#video-example">Play / Pause</button> <button class="button js-video-controller__toggle-mute" data-target="#video-example">Mute / Unmute</button> <button class="button js-video-controller__rewind" data-target="#video-example">Rewind</button> </div> Copy Video Modal Combine the video-controller module with the video-modal module to implement autoplay. Open Modal <button class="button" data-toggle="modal" data-target="#video-modal">Open Modal</button> <div class="modal fade js-video-modal" id="video-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="responsive-iframe"> <video class="js-video-controller"> <source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> Copy