Używając javascript z jQuery, dodaję ramkę iframe z adresem URL youtube, aby wyświetlić wideo na stronie internetowej, jednak kod osadzania, który jest ładowany w ramce iframe z youtube, nie ma wmode = "Nieprzezroczysty", dlatego wyświetlane są modalne pola na stronie pod filmem z YouTube.
Jakieś pomysły, jak rozwiązać problem?
Odpowiedzi:
Spróbuj dodać
?wmode=opaque
do adresu URL lub&wmode=opaque
jeśli istnieje już parametr.Jeśli to nie zadziała, spróbuj tego zamiast tego,
&wmode=transparent
co będzie działać również w przeglądarce IE.źródło
opaque
itransparent
.opaque
powinien być bardziej wydajny.Spróbuj dodać
?wmode=transparent
na końcu adresu URL. Pracował dla mnie.źródło
Jeśli korzystasz z nowego asynchronicznego interfejsu API, musisz dodać parametr w następujący sposób:
Jest to oparte na dokumentacji Google i przykładzie tutaj: http://code.google.com/apis/youtube/iframe_api_reference.html
źródło
Dodanie
?wmode=opaque
do adresu URL wydaje mi się rozwiązywać ten problem, chociaż jeszcze nie testowałem tego w IE.Dla tych z Was, którzy mają problemy z poprzednio proponowanym rozwiązaniem, pamiętajcie, że początkowy znak ampersand będzie działał tylko wtedy, gdy już dostarczacie inne argumenty do adresu URL. Pierwszy argument musi mieć początkowy znak zapytania:
http://www.example.com?first=foo&second=bar
źródło
Dodaj
&wmode=transparent
do adresu URL i gotowe, przetestowane.Używam tej techniki w mojej własnej wtyczce Wordpress na YouTube
Sprawdź jego kod źródłowy, jeśli napotkasz jakikolwiek problem.
źródło
Tylko wskazówka! - upewnij się, że zwiększyłeś indeks z elementu, który chcesz umieścić nad osadzonym wideo. Dodałem querystring wmode i nadal nie działał ... dopóki nie podwyższyłem indeksu z drugiego elementu. :)
źródło
&wmode=opaque
nie działało dla mnie (chrome 10), ale&wmode=transparent
od razu rozwiązałem problem.źródło
Wiem, że to stare pytanie, ale wciąż pojawia się w najpopularniejszych wyszukiwaniach tego problemu, więc dodaję nową odpowiedź, aby pomóc tym, którzy szukają takiego dla IE:
Dodawanie
&wmode=opaque
na końcu adresu URL NIE działa w IE 10 ...Jednak dodanie
?wmode=opaque
załatwia sprawę!Znalazłem to rozwiązanie tutaj: http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements
źródło
&
i?
oba są poprawne w zależności od kolejności ich używania i innych ustawień zawartych w adresie URL. Oczywiście?
jest używane, jeśli jest to pierwsze (lub jedyne) ustawienie, w&
przeciwnym razie.ostatnio widziałem, że czasami Flash Player nie rozpoznaje
&wmode=opaque
, ale powinieneś&WMode=opaque
też przejść (zwróć uwagę na duże litery).źródło