Автовоспроизведение видео и передача данных об src

Всем привет, нужна помощь, есть скрипт, проигрывающий видео одно за другим

<script>
$(document).ready(function() {
    var i = 0;
    var sources = ['2.mp4', '3.mp4', '1.mp4'];
    $('#videoElement').bind('ended', function() {
        this.src = sources[i++ % sources.length];
        this.load();
        this.play();  
    });
});
</script>
<div id="ssss" class="001"></div>
<video width="1000" height="600" src="1.mp4" id="videoElement" controls autoplay muted></video>

Все прекрасно работает, но есть необходимость в div id="ssss" передавать значение текущего src видео, чтобы добавлять нужный класс, попробовал сделать так

 <script >
$(document).ready(function() {
    var i = 0;
    var sources = ['2.mp4', '3.mp4', '1.mp4'];
    $('#videoElement').bind('ended', function() {
        this.src = sources[i++ % sources.length];
        this.load();
        this.play();
        if (this.src = '1.mp4') {
        $('#ssss').addClass('001');
        $('#ssss').removeClass('002');
        $('#ssss').removeClass('003');
        }
        if (this.src = '2.mp4') {
        $('#ssss').addClass('002');
        $('#ssss').removeClass('001');
        $('#ssss').removeClass('003');
        }
        if (this.src = '3.mp4') {
        $('#ssss').removeClass('002');
        $('#ssss').removeClass('001');
        $('#ssss').addClass('003');
        }    
    });
});
</script>

работает неправильно, и видео на 3 перескакивает, и классы не так как нужно добавляются/удаляются, пробовал и через else if - тоже самое, что то я делаю не так, просьба сильно не пинать, кто подскажет в чем моя ошибка, буду очень признателен, спасибо.