спс) сработало)

https://rembrandfranchise.ru/test/public_html/
Блок ниже «Видео о франшизе REMBRAND»

Как воспроизвести в Chrome ошибку net::ERR_TIMED_OUT?

привет!

подскажите, почему rollup.js не добавляет в отупут функции babel?
он считает их глобальными и внешними

(!) Missing global variable names
Use output.globals to specify browser global variable names corresponding to external modules
@babel/runtime/helpers/typeof (guessing '_typeof')
@babel/runtime/helpers/classCallCheck (guessing '_classCallCheck')
@babel/runtime/helpers/createClass (guessing '_createClass')
@babel/runtime/helpers/typeof (guessing '_typeof')
@babel/runtime/helpers/classCallCheck (guessing '_classCallCheck')
@babel/runtime/helpers/createClass (guessing '_createClass'

часть конфига:
pl

ugins: [commonjs(), nodeResolve(), babel({
        babelHelpers: 'runtime',
        exclude: 'node_modules/**',
        presets: [
            '@babel/env'
        ],
        plugins: [
            '@babel/plugin-transform-runtime'
        ]
    })],

вообще ничего не гуглится

videoContent.innerHTML = `
        <iframe width="560" height="315" src="https://www.youtube.com/embed/yB0w10Sc2Eg?frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        `;

src="https://www.youtube.com/embed/yB0w10Sc2Eg?frameborder="0" 
     ^                                        ^^^           ^

вы протеряли кусочек видимо. не факт что в этом дело правда

в видосах 2 и 3 такая проблема

videoContent.innerHTML = `
        <iframe width="560" height="315" src="https://www.youtube.com/embed/yB0w10Sc2Eg?frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        `;

src="https://www.youtube.com/embed/yB0w10Sc2Eg?frameborder="0" 
     ^                                        ^^^           ^

я не тот код скинул оказывается… сорян

videos.forEach((video) => {
    video.addEventListener("click", function (e) {
      if (e.path[1].dataset.videoid == 2) {
        videoContent.innerHTML = `
        <iframe width="560" height="315" src="https://www.youtube.com/embed/yB0w10Sc2Eg?frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        `;
      } else if (e.path[1].dataset.videoid == 3) {
        videoContent.innerHTML = `
        <iframe width="560" height="315" src="https://www.youtube.com/embed/BCPVMJeBb3I?frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        `;
      } else if (e.path[1].dataset.videoid == 1) {
        videoContent.innerHTML = `
        <iframe width="560" height="315" src="https://www.youtube.com/embed/puPa9mKJFbI?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        `;
      }

      videoOverlay.style.display = "flex";
    });
  });

проверьте, один из видосов (первый) работает?

да я посмотрел уже код в дебагере)

нет, никакой не работает

хм, так стоп. что за e.path[1].dataset ?

data- аттрибуты

я по сути хотел взять атрибут data-videoid у элемента video, но e.target возвращает undefined почему то

это я понял, вопрос был про path

надо было eventTarget, сек напишу

вместо
if (e.path[1].dataset.videoid == 2) {
пишем
if (e.currentTarget.dataset.videoid == "2") {

щас попробую с айфона

оно и с компа не работало кстати без этого изменения

а да, тут дело в том что event.path нестандартная хрень, которая возможно работает в хроме

вообще хз зачем тут он если тут отлично справляется currentTarget
ну и if'ов нагородили, можно было универсальный обработчик попроще повесить а в дата-атрибуты запихнуть id видео