Как добавить разные видео с автозапуском в js в существующий адвент-календарь для каждого дня щелчка (28 дней) ⇐ Html

[Гость]

Существующий шаблон правильно отображает различное текстовое содержимое (с использованием var ) для каждого дня, на который щелкнули в календаре. Я хочу включить другое видео с автоматическим воспроизведением под существующий отображаемый текст. Как и где мне определить дополнительный список видео в файлах html и js?

Мне удалось включить раздел видео в html для отображения проигрывателя, но в js-файле нет конкретной команды Onclick или эквивалентной, мне интересно, куда включить список функций видео. Я новичок в этом, так что извините за отсутствие словарного запаса HTML.

html





Часть существующего JS

/** * Выберите один день. */ App.Views.Output = Backbone.View.extend({ эль: 'div.output', шаблон: шаблон('outputTemplate'), инициализировать: функция() { vent.bind("doorOpened", this.open, this); }, события : { 'нажмите .закрыть': 'закрыть'}, открыть: функция (дверь) { this.$el.addClass('активный'); вернуть this.render(дверь); }, закрыть: функция() { this.$el.removeClass('активный'); }, }); /*************************************************** ** * * Инициализировать. */ вар данные = [ { 'дата': '01.09.2023', 'title':'title1', 'контент': 'какой-то контент1', }, { 'дата': '02.09.2023', 'title':'title2', 'контент': 'какой-то контент2' }, видеофункции для включения в js
функция ChangeVid1() { varchangeStuff = document.getElementById("myVideo"); ChangeStuff.src = "video1.mp4"} функция измененияVid2() { varchangeStuff = document.getElementById("myVideo"); ChangeStuff.src = "video2.mp4";}