Problem z linkami do Youtube

[misiek99]

Witam serdecznie. Na stronce która istnieje już od ponad roku, opartej na szablonie EF4 od około 2 tygodni nagle przestały działać linki do filmów umieszczonych na Youtube. CO ciekawe jeśli prawym przyciskiem myszy wybierzemy otwarcie w nowym oknie link się odpala. Czy wiecie może czy Youtube zmienił coś może w sposobie linkowania albo co może być przyczyną takiej zmiany. Zaktualizowałem Joomla do najnowszej wersji i wszelkie dodatki do których były nowsze wersje dostępne. Sprawdzono to oczywiście na wielu komputerach i kilku przeglądarkach. jeśli macie jakiś pomysł co może być przyczyną proszę o sugestie. Zaznaczam iż oprócz aktualizacji treści strony w tym czasie nie były przeprowadzane zmiany w konfiguracji witryny.

[misiek99]

Na szczęście po długich poszukiwaniach udało się znaleźć winowajcę. Okazało się iż moduł do zbierania statystyk w jednej z opcji, śledzenia wychodzących linków blokował odnośniki do tego konkretnego serwisu. Standardowe ustawienia spowodowały nagłe zablokowanie odnośników. Trudno było skojarzyć powyższe fakty ale może komuś się przyda jeśli będzie używał google analitycs bo może wystąpić taki objaw.

[lucyver]

Przestały mi się wyświetlać filmy z Youtube w artykułach w Joomla. Używam google analitycs (od niedawna) i przypuszczam, że to może być problemem, po przeczytaniu powyższego posta.
Nie wiem jednak gdzie można w systemie ten problem rozwiązać. W modułach i dodatkach nie widzę nic, co mogłoby się odnosić do google analitycs :hmm:

Video do artykułu wstawiam tak:

<embed style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="http://www.youtube.com/embed/iJT7VAP0xy0" width="300" height="150"></embed>

[siristru]

A powinieneś raczej tak:


<iframe width="560" height="315" src="https://www.youtube.com/embed/zaYJGdhNH7g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Bo to jest prawidłowy kod skopiowany z YT. No i trzeba osadzać w trybie HTML... i upewnić się, że edytor nie czyści iframe.

[lucyver]

Bardzo dziękuję! Działa!!!

Zastanawiam się tylko, dlaczego poprzedni kod przestał działać (działał przez długi czas)? I co ciekawe, to na innej stronie na Joomla! wciąż kod z embed działa.

Mam jeszcze jeden problem: jak ustawię wymiary(width i height) dopasowane do przeglądarki komputera, to na smartfonie okno filmu nie jest dopasowane do strony. Wcześniej dopasowywało rozmiar okna filmu do strony niezależnie od urządzenia, na którym był wyświetlany, za pomocą:


style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"

a teraz ten kod nie działa. Jak ustawię szerokość i wysokość na 100%, to mam efekt, jak na obrazku:

9930

Jest może sposób, żeby rozwiązać ten problem?

- - - Updated - - -

Już jest OK. Zrobiłem to tak:


<p style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" title="YouTube video player" src="https://www.youtube.com/embed/iJT7VAP0xy0" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

Jeszcze raz dziękuję za pomoc :)

[siristru]

Ładnie, ładnie... ale nie rób tego z kodem inline.

Dodaj to do swojego CSS;


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 20px 0;
}
.video-container iframe,
.video-container video,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}

I dodawaj film z YT tak:


<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/QoISYHup7hQ" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

I niczego nie zmieniaj w kodzie iframe poza wywaleniem frameborder="0" bo jest zbędne w HTML5.