Как при клике вернуть первоначальное значение атрибута src?

Question

[Дмитрий Раду]

Добрый День!
У меня на сайте есть iframe:

<iframe src="мойсайт.ru/videos/1.mp4" allowfullscreen=""></iframe>

И кнопка при клике на который в iframe значение атрибута src меняется на "мойсайт.ru/videos/2.mp4":

<span class="change-player" data-src="мойсайт.ru/videos/2.mp4">Сменить плеер</span>

$("span.change-player").click(function(){
 $('#player iframe').attr('src', $(this).data('src'));
        $('span.change-player').addClass("changed");
});

Как сделать так чтобы при повторном клике на эту кнопку значение атрибута src менялось обратно на "мойсайт.ru/videos/1.mp4" ?

Answer 1

[Алексей]

Оберните в условие (If) вы же добавлеете класс changed при смене src, если класса нет то добавить иначе вернуть старый.

Comments

[Дмитрий Раду]

Примерно так ?

$('span.change-player').click(function() {

        if ($('span.change-player').hasClass("no-changed")) {

            // Но что тут прописать ?
        }
        else if ($('span.change-player').hasClass("changed")) {

            $('#player iframe').attr('src', $(this).data('src'));
        }

    });

[kudesnik680]

В переменную сохрани исходный атрибут, потом при другом клики вставляй её