На форуме конфликтует Ютуб и скрипт

#1 15 апреля 2018 в 22:00
Всем доброго вечера. Возникла такая проблема.

На сайте стоит форум от Kreator и недефолтный шаблон. При добавлении в посты на форуме видео с Ютуба, оно не отображается (выводится пустое белое место). Методом тыка определил, что причиной является конфликт со скриптом, который прописан в файле шаблона footer.tpl.php.

Вот этот скрипт:

  1. <script data-main="<?php echo "/templates/{$this->name}/js/app.js"; ?>" src="<?php echo "/templates/{$this->name}/js/vendor/require.js"; ?>"></script>
А вот весь кусок кода:

  1. <div class="modal-wrapper">
  2. <div class="modal">
  3. <div class="modal__inner">
  4. <div class="modal__body-wrapper">
  5. <div class="modal__loader"></div>
  6. <div class="modal__body"></div>
  7. </div>
  8. </div>
  9. </div>
  10. <div class="modal__overlay"></div>
  11. </div>
  12. <div class="menu__overlay"></div>
  13. <div class="arrow__go-top">
  14. <a href="javascript:void(0)" class="btn btn--<?php echo MTHEME_COLOR; ?> btn--invert"><i class="medium zmdi zmdi-chevron-up"></i></a>
  15. </div>
  16. <script data-main="<?php echo "/templates/{$this->name}/js/app.js"; ?>" src="<?php echo "/templates/{$this->name}/js/vendor/require.js"; ?>"></script>
  17. <script>
  18. $(function(){
  19. var preloader = $('.mtheme-preloader');
  20. preloader.fadeOut(500);
  21. $('html').removeClass('loading');
  22. setTimeout(function(){
  23. preloader.remove();
  24. }, 600);
  25. });
  26. </script>
  27. </div>
  28.  
  29. </body>
  30. </html>
#2 15 апреля 2018 в 22:04
Удаление из кода вот этого фрагмента

  1. <script data-main="<?php echo "/templates/{$this->name}/js/app.js"; ?>" src="<?php echo "/templates/{$this->name}/js/vendor/require.js"; ?>"></script>
сразу решает проблему и видео показывает. Но убирать его нельзя, он отвечает за другие функции (например, за плавающий сайдбар). Очевидно, проблема в шаблоне (на дефолтном все ОК)

Подскажите, из-за чего возникает конфликт, как решить проблему, где копать?
#3 15 апреля 2018 в 22:15

как решить проблему, где копать?

al955

Удалить Форум от Kreator и поставить допустим от Loadырь.
#4 15 апреля 2018 в 22:28


как решить проблему, где копать?

al955

Удалить Форум от Kreator и поставить допустим от Loadырь.

Андрей

Этот вариант пока не рассматривается
#5 15 апреля 2018 в 22:30

сразу решает проблему и видео показывает.

al955
Откройте консоль (ткните F12).
Ошибки сюда.
#6 15 апреля 2018 в 23:00
Ошибки такие:

1. Заблокирована загрузка смешанного активного содержимого «http://fonts.gstatic.com/s/opensans/v13/......
2. Заблокирована загрузка смешанного активного содержимого «http://fonts.gstatic.com/s/roboto/v18.....
3. Заблокирована загрузка смешанного активного содержимого «http://сайт/templates/mtheme/controllers/awesome/fonts/fontawesome-webfont.woff2?v=4.7.0
4, Похоже, что этот сайт использует эффект позиционирования связанный с прокруткой. Это может не очень хорошо работать с асинхронным панорамированием
#7 15 апреля 2018 в 23:05
al955,
Это все ерунда.
Явных ошибок красного цвета нет?
#8 15 апреля 2018 в 23:08
Вот это все: "Заблокирована загрузка смешанного активного содержимого «http://fonts.gstatic.com"

красным цветом выделено.

Больше никаких ошибок
#9 24 мая 2018 в 15:54
Подниму тему. Проблема не решена. Кто поможет решить вопрос?
#10 25 мая 2018 в 10:21

Вот это все: "Заблокирована загрузка смешанного активного содержимого «http://fonts.gstatic.com"

al955
через notepad++ глобальным поиском найдите те строчки которые в которых он прописан, закомментируйте и проверьте работу сайта. Вообще этот сайт с шрифтами не работает, может тоже ошибку выдавать из-за этого. Вместо них можно подключить шрифты от google — пример
  1. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
#11 25 мая 2018 в 11:28

Подниму тему. Проблема не решена. Кто поможет решить вопрос?

al955

У вас проблема смешанного содержимого похоже. Панель какая? Если ISP (что и рекомендуется) то там выставить принудительное направление на https всех ссылок с http.

Либо написать Креатору чтобы заменил ссылки.
#12 25 мая 2018 в 21:03

Либо написать Креатору чтобы заменил ссылки.

letsgo
На дефолтном шаблоне все в порядке, явно проблема в используемом шаблоне.
#13 26 мая 2018 в 11:00
В чем проблема, уже примерно понятно. Она обозначена в первом посте.

Самое интересное, что видео с ютуба, вставленное через редактор в другом типе контента, показывает без проблем, а вот на форуме не работает.
#14 26 мая 2018 в 16:44
Скорей всего, проблема в кривых путях к скриптам (возможно, и к стилям).
al955, полробуйте разобраться, что возвращает $this->name — там ответ по идее.
Если "я всё проверил, а оно всё равно… laugh", можно в личку стукнуть.
#15 4 июня 2018 в 14:34
Методом проб и ошибок установил следующее.

В моем шаблоне, в файле по адресу: templates/шаблон/js/app.js есть такой кусочек кода:

  1. $(window).on('load resize', function() {
  2. $('.video_frame').parent().width($('.video_frame').parents('.comments-item').width() - 105);
  3. }).trigger('resize');
Если его удалить, то все работает. Кто из кодеров поможет разобраться — за что отвечает этот код, можно ли его вообще убрать, чем это может быть чревато и в каком другом месте, предположительно могут вылезти ошибки (пока, в отсутствие этого куска кода ничего такого не заметил)? Спасибо!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.