Страницы висят на "создание безопасного соединения"

F
На сайте с 02.10.2010
Offline
101
197

Не профи, написал сайт для себя. С прошлого лета началась эта история. Сайт рушный, при заходе висит по 40 сек. на "создание безопасного соединения", потом страница загружается. Думал что из-за HTTP. Перевел сайт на HTTPS, SSL сертификат бесплатный создал на сайте хостера Jino.ru.  Вчера заметил, что медленно открываются страницы только с плеерами с ютуба. Сайт писался ещё на Adobe Muse.

На мобильных страницах встроен код:

<div class="video">

<iframe width="320" height="184" src="https://www.youtube.com/embed/1GMPZIJeKvc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

На десктопных в <head>

<link rel="stylesheet" type="text/css" href="https://septic-beton.ru/Video/css/style.css">

<script>'use strict';

function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

r(function(){

    if (!document.getElementsByClassName) {

        // Поддержка IE8

        var getElementsByClassName = function(node, classname) {

            var a = [];

            var re = new RegExp('(^| )'+classname+'( |$)');

            var els = node.getElementsByTagName("*");

            for(var i=0,j=els.length; i<j; i++)

                if(re.test(els[i].className))a.push(els[i]);

            return a;}

    var videos = getElementsByClassName(document.body,"youtube");

    } else { var videos = document.getElementsByClassName("youtube");}

    var nb_videos = videos.length;

    for (var i=0; i<nb_videos; i++) {

        // Находим постер для видео, зная ID нашего видео

        videos[i].style.backgroundImage = 'url(https://i.ytimg.com/vi/' + videos[i].id + '/sddefault.jpg)';

        // Размещаем над постером кнопку Play, чтобы создать эффект плеера

        var play = document.createElement("div");

        play.setAttribute("class","play");

        videos[i].appendChild(play);

 

        videos[i].onclick = function() {

            // Создаем iFrame и сразу начинаем проигрывать видео, т.е. атрибут autoplay у видео в значении 1

            var iframe = document.createElement("iframe");

            var iframe_url = "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1";

            if (this.getAttribute("data-params")) iframe_url+='&'+this.getAttribute("data-params");

            iframe.setAttribute("src",iframe_url);

            iframe.setAttribute("frameborder",'0');

            iframe.setAttribute("allowfullscreen",'');

            // Высота и ширина iFrame будет как у элемента-родителя

            iframe.style.width  = this.style.width;

            iframe.style.height = this.style.height;

            // Заменяем начальное изображение (постер) на iFrame

            this.parentNode.replaceChild(iframe, this);

        }

    }

});

</script>

На странице в коде:

<div class="youtube" id="Aaahfq0wjsw" style="width:640px; height: 360px;"></div>


До этого были ссылки вида HTTP, поменял всё на HTTPS, не помогает. Не подскажете как нынче вставлять видео с ютуба, чтоб сайт не вис? 

P.S. помню давно пробовал вставлять ссылками на хостинг, но видосы шли рывками, скорости не хватало.

F
На сайте с 02.10.2010
Offline
101
#1
убрал видео и код в HEAD с одной страницы сайта, результат нулевой
Drquak
На сайте с 05.02.2013
Offline
93
#2
а что пишет консоль отладки? Есть ошибки?
Яндыкс - П А Р А Ш А
L
На сайте с 10.02.2015
Offline
221
#3

Это такое только на Вашем сайте?

Или с другими тоже?

Это самое. Код для мобилки и компа отличаются. Где-то норм работает? Может то css с левого домена глючит?

F
На сайте с 02.10.2010
Offline
101
#4
livetv #:

Это такое только на Вашем сайте?

Или с другими тоже?

Это самое. Код для мобилки и компа отличаются. Где-то норм работает? Может то css с левого домена глючит?

У меня других сайтов нет, только свой. В 2 часа ночи с телефона зашел на главную страничку - быстро открывается мобильная версия с видосами, утром уже фокус не проходил.  А вчера убрал видео с десктопной версии, а на мобильной оставались и висело при загрузке 40 сек. Сегодня убрал видос и с мобильной версии - все летает и с компа и с телефона. То есть явная проблема со вставкой видео. И пока видео не прогрузится, меню сайта тоже не прогружается.

F
На сайте с 02.10.2010
Offline
101
#5
Снес видео на мобильной версии страницы - с компа грузится махом! Проблема в видео на мобилльной версии страницы.
F
На сайте с 02.10.2010
Offline
101
#6
всё, победил. в мобильной версии нужен код типа "<div class="youtube" id="........." style="width:320px; height: 180px;"></div>"

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий