Re: Youtube во фрейме
Mixed Content: The page at 'https://xn--h1adkaes2h.xn--80adxhks/pages/video.html' was loaded over HTTPS, but requested an insecure frame 'http://www.youtube.com/v/undefined'. This request has been blocked; the content must be served over HTTPS.
Re: Youtube во фрейме
я попробовал на своих шаблонах, ютуб почему-то вообще перестал грузиться этим скриптом, поискал обновления у разработчика, не нашел, этим шаблонам 6 лет, вряд ли я смогу вам чем-то помочь.
Re: Youtube во фрейме
Спасибо за ответ.
Прежде чем написать, посмотрел все темы на форуме, проверил на работоспособность в Ваших шаблонах.
Тоже в начале грешил на https, но если плагин не обновляется, то подскажите, какой есть другой подобный вариант вывода большого количества видео (плиткой) на страницу?
Re: Youtube во фрейме
попробуйте этот скрипт https://www.jqueryscript.net/lightbox/j … tning.html
еще один http://fancyapps.com/fancybox/3/
Re: Youtube во фрейме
РЕШЕНО
Проблему решил легко, скрипт давно не обновлялся, youtube как я понимаю внёс изменения в адресную строку.
В theme/Medical/litebox/litebox.min.js меняем в двух строчках:
"http://www.youtube.com/v/" меняем на "https://www.youtube.com/embed/"
Всё, видео воспроизводится во фрейме.
Но это работает на чистой CMS с темой, изначально видно что идентификатор видео работает корректно.
В моём случае это не помогло, не пойму по какой причине, JavaScript интерпретатор возвращает undefined при попытке доступа к переменной. Переменная объявлена, но в неё ничего не записано.
Весь день подставлял папки, скрипты с дефолтных CMS и темы, даже грешил на хост, но ничего не помогло.
Re: Youtube во фрейме
Если это связанно с протоколом HTTPS, то как это исправить?
Re: Youtube во фрейме
протокол из ссылки можно убрать
Если это связанно с протоколом HTTPS, то как это исправить?
Re: Youtube во фрейме
поправил, сейчас все работает
Re: Youtube во фрейме
Буду копать дальше, если найду свою причину, отпишусь. Понять бы что может влиять или конфликтовать.
Re: Youtube во фрейме
я поправил, сейчас все работает http://old-demo.getsimplethemes.ru/ru/? … nance_html
вот скрипт, замените код и кеш очистите
// LiteBox v1.3, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
// ===============================================================================
!function(e,t){function o(t,o){this.element=t,this.$element=e(this.element),this.options=e.extend({},a,o),this._defaults=a,this._name=l,this.init()}function i(){return t.innerHeight?t.innerHeight:e(t).height()}function n(t){e(t).each(function(){var t=new Image;t.src=this,t.width>0&&e("<img />").attr("src",this).addClass("litebox-preload").appendTo("body").hide()})}var l="liteBox",a={revealSpeed:400,background:"rgba(0,0,0,.8)",overlayClose:!0,escKey:!0,navKey:!0,closeTip:"tip-l-fade",closeTipText:"Close",prevTip:"tip-t-fade",prevTipText:"Previous",nextTip:"tip-t-fade",nextTipText:"Next",callbackInit:function(){},callbackBeforeOpen:function(){},callbackAfterOpen:function(){},callbackBeforeClose:function(){},callbackAfterClose:function(){},callbackError:function(){},callbackPrev:function(){},callbackNext:function(){},errorMessage:"Error loading content."};o.prototype={init:function(){var t=this;this.$element.on("click",function(e){e.preventDefault(),t.openLitebox()}),keyEsc=27,keyLeft=37,keyRight=39,e("body").off("keyup").on("keyup",function(o){t.options.escKey&&o.keyCode==keyEsc&&t.closeLitebox(),t.options.navKey&&o.keyCode==keyLeft&&e(".litebox-prev").trigger("click"),t.options.navKey&&o.keyCode==keyRight&&e(".litebox-next").trigger("click")}),this.options.callbackInit.call(this)},openLitebox:function(){var t=this;this.options.callbackBeforeOpen.call(this),t.buildLitebox();var o=this.$element;if(t.populateLitebox(o),t.options.overlayClose&&$litebox.on("click",function(o){(o.target===this||e(o.target).hasClass("litebox-container")||e(o.target).hasClass("litebox-error"))&&t.closeLitebox()}),$close.on("click",function(){t.closeLitebox()}),this.$element.attr("data-litebox-group")){var t=this,i=this.$element.attr("data-litebox-group"),l=e('[data-litebox-group="'+this.$element.attr("data-litebox-group")+'"]'),a=[];e('[data-litebox-group="'+i+'"]').each(function(){var t=e(this).attr("href");a.push(t)}),n(a),e(".litebox-nav").show(),$prevNav.off("click").on("click",function(){t.options.callbackPrev.call(this);var i=l.index(o);o=l.eq(i-1),e(o).length||(o=l.last()),t.populateLitebox(o)}),$nextNav.off("click").on("click",function(){t.options.callbackNext.call(this);var i=l.index(o);o=l.eq(i+1),e(o).length||(o=l.first()),t.populateLitebox(o)})}this.options.callbackAfterOpen.call(this)},buildLitebox:function(){$litebox=e("<div>",{"class":"litebox-overlay"}),$close=e("<div>",{"class":"litebox-close "+this.options.closeTip,"data-tooltip":this.options.closeTipText}),$text=e("<div>",{"class":"litebox-text"}),$error=e('<div class="litebox-error"><span>'+this.options.errorMessage+"</span></div>"),$prevNav=e("<div>",{"class":"litebox-nav litebox-prev "+this.options.prevTip,"data-tooltip":this.options.prevTipText}),$nextNav=e("<div>",{"class":"litebox-nav litebox-next "+this.options.nextTip,"data-tooltip":this.options.nextTipText}),$container=e("<div>",{"class":"litebox-container"}),$loader=e("<div>",{"class":"litebox-loader"}),e("body").prepend($litebox.css({"background-color":this.options.background})),$litebox.append($close,$text,$prevNav,$nextNav,$container),$litebox.fadeIn(this.options.revealSpeed)},populateLitebox:function(t){var o=this,i=t.attr("href"),n=e(".litebox-content");$litebox.append($loader);var l=t.attr("data-litebox-text");if("undefined"==typeof l||""==l?(e(".litebox-text").removeClass("active"),e(".litebox-text").html()):(e(".litebox-text").html(l),e(".litebox-text").addClass("active")),null!==i.match(/\.(jpeg|jpg|gif|png|bmp)/i)){var a=e("<img>",{src:i,"class":"litebox-content"});o.transitionContent("image",n,a),e("img.litebox-content").imagesLoaded(function(){$loader.remove()}),a.error(function(){o.liteboxError(),$loader.remove()})}else if(videoURL=i.match(/(youtube|youtu|vimeo|dailymotion|kickstarter)\.(com|be)\/((watch\?v=([-\w]+))|(video\/([-\w]+))|(projects\/([-\w]+)\/([-\w]+))|([-\w]+))/)){var r="";if("youtube"==videoURL[1]&&(r="//www.youtube.com/embed/"+videoURL[5]),"youtu"==videoURL[1]&&(r="//www.youtube.com/embed/"+videoURL[3]),"vimeo"==videoURL[1]&&(r="//player.vimeo.com/video/"+videoURL[3]),"dailymotion"==videoURL[1]&&(r="https://www.dailymotion.com/embed/video/"+videoURL[7]),"kickstarter"==videoURL[1]&&(r="https://www.kickstarter.com/projects/"+videoURL[9]+"/"+videoURL[10]+"/widget/video.html"),r){var s=e("<iframe>",{src:r,frameborder:"0",vspace:"0",hspace:"0",scrolling:"no",allowfullscreen:"","class":"litebox-content",style:"background: #000"});o.transitionContent("embed",n,s),s.load(function(){$loader.remove()})}}else if("#"==i.substring(0,1))e(i).length?($html=e("<div>",{"class":"litebox-content litebox-inline-html"}),$html.append(e(i).clone()),o.transitionContent("inline",n,$html)):o.liteboxError(),$loader.remove();else{var s=e("<iframe>",{src:i,frameborder:"0",vspace:"0",hspace:"0",scrolling:"auto","class":"litebox-content",allowfullscreen:""});o.transitionContent("iframe",n,s),s.load(function(){$loader.remove()})}},transitionContent:function(o,i,n){var l=this;"inline"!=o&&$container.removeClass("litebox-scroll"),i.remove(),$container.append(n),"inline"==o&&$container.addClass("litebox-scroll"),l.centerContent(),e(t).on("resize",function(){l.centerContent()})},centerContent:function(){$litebox.css({height:i()}),$container.css({"line-height":$container.height()+"px"}),"undefined"!=typeof $html&&e(".litebox-inline-html").outerHeight()<$container.height()&&e(".litebox-inline-html").css({"margin-top":"-"+e(".litebox-inline-html").outerHeight()/2+"px",top:"50%"})},closeLitebox:function(){this.options.callbackBeforeClose.call(this),$litebox.fadeOut(this.options.revealSpeed,function(){e(".litebox-nav").hide(),$litebox.empty().remove(),e(".litebox-preload").remove()}),e(".tipsy").fadeOut(this.options.revealSpeed,function(){e(this).remove()}),e(".litebox-prev").off("click"),e(".litebox-next").off("click"),this.options.callbackAfterClose.call(this)},liteboxError:function(){this.options.callbackError.call(this),$container.append($error)}},e.fn[l]=function(t){return this.each(function(){e.data(this,l)||e.data(this,l,new o(this,t))})}}(jQuery,window,document);
Re: Youtube во фрейме
Поменял, стало //www.youtube.com/embed/undefined, переменная осталась undefined
У Вас на моём сайте получается просмотреть видео во фрейме?
Re: Youtube во фрейме
вот что я вижу https://prnt.sc/rqoywh
Поменял, стало //www.youtube.com/embed/undefined, переменная осталась undefined
У Вас на моём сайте получается просмотреть видео во фрейме?
Re: Youtube во фрейме
Так и есть, это если нажать на кнопку youtube в центре окна.
https://prntscr.com/rqrd4o
Это в режиме отладки, видно что не воспроизводится идентификатор видео, переменная undefined.
Re: Youtube во фрейме
а вы какую ссылку используете, в поле надо вставлять короткую ссылку https://prnt.sc/rqrszp
у меня все работает https://demo.getsimplethemes.ru/building/news/
Re: Youtube во фрейме
Большое Вам спасибо, не заметил как перешёл на длинную ссылку. Всё работает
Re: Youtube во фрейме
На телефоне у меня не работает, у Вас смотрю показывает видео. Правили файл jquery.mb.YTPlayer.min.js или по дефолту оставили?
Re: Youtube во фрейме
этот скрипт для фонового видео в теме
На телефоне у меня не работает, у Вас смотрю показывает видео. Правили файл jquery.mb.YTPlayer.min.js или по дефолту оставили?
Re: Youtube во фрейме
У дурной головы, ногам покоя нет, в моём случае рукам. Если бы раньше догадался почистить кэш в мобильный браузерах...