Size: a a a

Front-end developers

2020 May 27

ON

Oleksandr Nikolskyi in Front-end developers
У меня сейчас по клику на изображение оно меняется на iframe
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
а на клик изображения который грузит iframe
Получается, у нас в html и изображение и iframe сразу доступно ?
источник

T

Teo in Front-end developers
нет
источник

T

Teo in Front-end developers
ща пару минут, пытаюсь добиться номрально результат и скину полностью функцию
источник

T

Teo in Front-end developers
у меня при клике на блок подгружается вместо изображения iframe
источник

T

Teo in Front-end developers
но проблема в том что и за безопасности так как на другом домене iframe браузер не дает отследить загрузку содержимого фрейма чтобы только после этого отправить ему сообщение
источник

ON

Oleksandr Nikolskyi in Front-end developers
У меня начало загружатся и играть видео....и сразу обратно на паузу )
источник

EF

Eugen Fisher in Front-end developers
источник

EF

Eugen Fisher in Front-end developers
Ребят, почему нету афтера, что не так ?
источник

AP

Assylbek Paviz in Front-end developers
Eugen Fisher
Ребят, почему нету афтера, что не так ?
источник

EF

Eugen Fisher in Front-end developers
Вон оно что
источник

EF

Eugen Fisher in Front-end developers
Спасибо
источник

T

Teo in Front-end developers
Oleksandr Nikolskyi
У меня начало загружатся и играть видео....и сразу обратно на паузу )
Общем лучше не получилось. По клику заменятся изображение на iframe, потом задержка 0.5 сек чтобы фрейм подгрузился и после на фрейм отправляем запрос, вышло так:
источник

T

Teo in Front-end developers
$('.youtubePlay').on('click', function () {
     var cont = $(this),
         video = cont.attr('data-video'),
         height = cont.height();
     cont.removeClass('youtubePlay');
     cont.html('<iframe width="100%" height="'+height+'" src="https://www.youtube.com/embed/'+video+'?rel=0&modestbranding=1&showinfo=0&autohide=1&rel=0&enablejsapi=1" frameborder="0" allow="autoplay; accelerometer; encrypted-media; gyroscope;" allowfullscreen></iframe>');
     setTimeout(function () {
       cont.find('iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
     },500)
   });
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
$('.youtubePlay').on('click', function () {
     var cont = $(this),
         video = cont.attr('data-video'),
         height = cont.height();
     cont.removeClass('youtubePlay');
     cont.html('<iframe width="100%" height="'+height+'" src="https://www.youtube.com/embed/'+video+'?rel=0&modestbranding=1&showinfo=0&autohide=1&rel=0&enablejsapi=1" frameborder="0" allow="autoplay; accelerometer; encrypted-media; gyroscope;" allowfullscreen></iframe>');
     setTimeout(function () {
       cont.find('iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
     },500)
   });
Да....по такому же принципу делаю....не хочет чего-то....А на мобильной версии работает ?
источник

T

Teo in Front-end developers
да
источник

T

Tomorrow in Front-end developers
Всем привет.
Почему при наведении не меняется цвет текста?
источник

NN

Nik Nik in Front-end developers
Tomorrow
Всем привет.
Почему при наведении не меняется цвет текста?
и структуру html давай)
источник

T

Tomorrow in Front-end developers
default
nav
ul
li a
источник

T

Tomorrow in Front-end developers
Думаешь обратиться к линкам?
источник