Мы используем файлы cookie, чтобы упростить навигацию на этом сайте. Если вы даете свое согласие на использование файлов cookie и обработку ваших персональных данных, нажмите «Принимаю».

Проблема п\б iframe. Как лечить ? [РЕШЕНО]

Домой Форумы Проблемы и предложения Проблема п\б iframe. Как лечить ? [РЕШЕНО]

Помечено: 

  • В этой теме 4 ответа, 2 участника, последнее обновление 4 года назад сделано dili71.
Просмотр 5 сообщений - с 1 по 5 (из 5 всего)
  • Автор
    Сообщения
  • #16630
    dili71
    Участник

    Суть проблемы проста. Нажатие каких либо кнопок в проекте, встроенным через iframe не передаётся. Также при подключении проекта самостоятельно через iframe и через оф.плагин консоль захлёбывается ошибкой [.WebGL-0000024704CFABE0] GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

    Страница с проектом https://3d.sged.ru/
    Страница собирается через Elementor, однако даже если просто html файлик сделать и подключить проект через iframe результат тот же (грешил с начало на js конфликт скриптов). Подключение проекта через js даёт такой же результат.

    #16631
    dili71
    Участник

    В общем +- решил эту проблему создав кнопку с пустой ссылкой “#”, и при клике на эту кнопку камера начинает работать, но появилась другая проблема, когда делаю это в пазлах – всё ок, когда заливаю на сервер – сама кнопка не отображается.

    #16636

    когда заливаю на сервер — сама кнопка не отображается.

    Возможно кэш. Если пользуетесь Verge3D Network, то у него по умолчанию время кэширования стоит 15 минут. Для разработки можно сделать 0 в настройках Апп Менеджера.

    Chief 3D Verger | LinkedIn | Twitter

    #16637
    dili71
    Участник

    когда заливаю на сервер — сама кнопка не отображается.

    Возможно кэш. Если пользуетесь Verge3D Network, то у него по умолчанию время кэширования стоит 15 минут. Для разработки можно сделать 0 в настройках Апп Менеджера.

    Увы, по прямой ссылке всё работает как надо. В режиме инкогнито в том числе результата нет. https://3d.sged.ru/3d/export2.html

    #16639
    dili71
    Участник

    Друзья! В общем решение было куда проще чем казалось:
    – Экспортируем проект на сервер.
    – открывает ПРОЕКТ.html
    – вписываем следующий код (Допиливаем как душе угодно):

    <style>
    .playbotton{
      position:absolute;
      background-color: #0000008a;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      text-align: center;
      vertical-align: middle;
    }
    .playbotton p{
          padding-top: 10%;
    	  color: #fff;
    	  font-size: 28px;
    }
    </style>
    <body>
      <div id="v3d-container">
    <div class ="playbotton"id="hideContent" onclick="style.display='none'"><p style="vertical-align:middle"><p>Нажмите тут, чтобы начать</p></div>
        <div id="fullscreen_button" class="fullscreen-button fullscreen-open" title="Toggle fullscreen mode"></div>
      </div>
    </body>

    – Выгружаем ПРОЕКТ.html и радуемся

    Таким образом убиваем двух зайцев:
    – Инициируем клик, который позволяет автоматически запускать видео текстуры (если таковые имеются)
    – Получаем активную область iframe, полностью функционируемый.

Просмотр 5 сообщений - с 1 по 5 (из 5 всего)
  • Для ответа в этой теме необходимо авторизоваться.