YouTube iFrame에서 반투명 Div를 어떻게 오버레이할 수 있나요?

YouTube iFrame 위에 반투명 Div 오버레이

iFrame에 삽입된 YouTube 동영상은 반투명 Div를 오버레이하려고 할 때 독특한 문제를 제시합니다. -투명 div. 객체 삽입에 대해 wmode="transparent"가 있는 요소, iFrame 구현 требует другой подход.

문제 이해

iFrame 삽입 비디오의 Z-색인은 다음과 같습니다. 일반적으로 페이지의 다른 모든 요소보다 높습니다. 즉, 그 위에 배치된 모든 div는 숨겨집니다.

해결책: iFrame URL에 "wmode=opaque" 추가

해결책은 YouTube iFrame을 수정하는 데 있습니다. GET 매개변수 wmode=opaque를 추가하여 URL을 생성합니다. 이 매개변수는 다른 요소가 오버레이할 수 있는 모드에서 비디오를 렌더링해야 함을 지정합니다.

사용

이를 구현하려면 wmode=opaque를 iFrame 소스 URL의 첫 번째 매개변수입니다. 예:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="https://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

참고:

• wmode=opaque가 URL의 첫 번째 매개변수인지 확인하세요.
• 기타 매개변수 wmode=opaque 뒤에 추가되어야 합니다.

작성자 다음 단계를 따르면 삽입된 YouTube iFrame 동영상 위에 반투명 div를 성공적으로 오버레이할 수 있습니다.

위 내용은 YouTube iFrame에서 반투명 Div를 어떻게 오버레이할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!