Наработки
Код:
class video_ML{
constructor(){
// Объекты видео
// К объектам видео идет обращение по факту нажатия на триггеры запуска и остановки
// Можно давать им background в качестве фонового изображения?
// Объекты запуска видео
let video_start = document.querySelectorAll('[data-video-start]');
// Объекты остановки видео
let video_close = document.querySelectorAll('[data-video-close]');
video_start.forEach(video => {
console.log(video)
video.addEventListener('click', f_start);
});
video_close.forEach(video => {
console.log(video)
video.addEventListener('click', f_close);
});
function f_start(){
console.log('start', this);
let id = this.getAttribute('data-video-start');
let src = this.getAttribute('data-video-src');
let iframe = document.querySelector(`[data-video-id='${id}']`);
iframe.setAttribute('src', src);
}
function f_close(){
console.log('close', this);
let id = this.getAttribute('data-video-close');
let iframe = document.querySelector(`[data-video-id='${id}']`);
iframe.setAttribute('src', '');
}
}