Павел Александров

Прикреплять события в jquery лучше все таки с помощью метода .on()
В вашем случае будет примерно так:

$.fn.player = function() {
    $(this).find('audio').on('canplay', function(e) {
        console.log(e);
    });
}

А без jquery событие не canplay, а oncanplay:

$(this).find('audio')[0].oncanplay = function(e) {
    console.log(e);
}

Всегда 3-й потому, что при выходе из цикла навешивания обработчиков переменная cl2 это 3-й li, им и остается.
say() получает доступ к переменной cl2 через замыкание.

И да, одинаковые id это очень плохо.

Под вашу задачу можно так:

$('.add').on('submit', function(){
    var formData = new FormData(this);
    $.ajax({
          type: "POST",
          url: "engine/ajax/my_addotziv.php",
          data:  formData,
          processData: false,
          contentType: false,
          success: function(data){
            // -- code ---
          }
     });
    return false;
});

И смотрим доки по FormData https://developer.mozilla.org/ru/docs/Web/API/FormData

devtools в Chrome. Ctrl-Shift-I
Вкладка Sources. Можно комфортно дебажить: брейкпоинты, watcher, стек и т.д.

У вас указаны относительные пути к загружаемым скриптам.
Т.е. если url: www.example.com/category/page.html
то скрипты будут иметь url для загрузки типа www.example.com/category/js/jquery-1.11.1.min.js
Попробуйте указать абсолютные пути добавив слеш в начале