Как запустить модуль ES6 для каждого элемента на странице

Question

Я пытаюсь создать модуль ES6, который можно инициализировать несколько раз (по одному разу для каждого экземпляра элемента на странице).

У меня есть страница с 3 видеокомпонентами, я хочупереключить класс «воспроизведения» на видео, с которого пришел клик.Однако только в экземпляре последнего видео когда-либо переключался класс.

Может кто-нибудь помочь, пожалуйста ...?Я не могу на всю жизнь запустить код для каждого отдельного экземпляра.

index.html

<div class="video">...</div>
<div class="video">...</div>
<div class="video">...</div>

main.js

import * as video from './video';

var $videos = $('.video');

$.each($videos, function(i, $video) {

  video.build($video);

});

video.JS

export function build (videoInstance) {

  $(videoInstance).on('click', function (e) {

    $(this).toggleClass('playing');

  });

}