add classes to video / audio DOM elements so you can add custom controls.

audio-video-classes.js

jQuery(function($){
    $('audio,video')
        .on('init ended pause play playing progress ratechange seeked seeking stalled suspend waiting', function () {
            var obj = this, $obj = $(this);
            if ($obj.is('.has-custom-controls')) {
                $obj.removeAttr('controls');
            }
            $.each(['ended', 'error', 'loop', 'muted', 'paused', 'seeking'], function (i, prop) {
                try {
                    var bool = obj[prop];
                    //console.log(prop, bool);
                    $obj.toggleClass('is-' + prop, bool);
                    $obj.toggleClass('not-' + prop, !bool);
                } catch (e) {
                    console.log(e);
                }
            });
        })
        .trigger('init');
});