전체 배경 YouTube 동영상을 fullpage.js 섹션에 설정하는 방법? fullPage.js는 <video>
태그를 사용하여 예제를 제공하지만 나는 youtube 비디오를 사용하고 싶으므로 태그를 사용해야합니다. 이 pen이 도움이되었지만 fullPage.js responsiveWidth
속성에서는 제대로 작동하지 않습니다. 어떤 아이디어? 감사!전체 배경 youtube 비디오 - fullpage.js
0
A
답변
0
일부 CSS를 사용하여 iframe을 전체 페이지에 맞게 만든 다음 CSS의 다른 모든 요소에이 코드를 추가하십시오. position: relative; z-index: 2;
주 1 : 당신이 필요로하는 경우의 값으로 변경 위치, Z- 인덱스는 여전히 주 2를 작업 할 수 있습니다 : 당신은 수업이없는 요소를 선택할 수있는 방법이 있다면, 그것을 사용 이 목적. 나도 알아 :not(.testclass) { }
하지만 IE에서는 지원되지 않습니다. 다른 방법이 있다면 사용하십시오.
편집 : 비디오 하단의 제어 버튼이 표시된다는 사실을 깨달았습니다. 크기 및 위치를 편집하여 방문자로부터 숨길 수 있습니다.
관련 문제
- 1. fullPage.js - 여러 슬라이드의 배경 비디오
- 2. 전체 화면 배경 비디오
- 3. 전체 Youtube 비디오 컨트롤 C#
- 4. 배경 고정 Fullpage.js
- 5. 센터 전체 화면 배경 비디오
- 6. 전체 화면 비디오 배경 html5
- 7. video.js를 사용하는 전체 비디오 배경
- 8. Youtube 비디오 전체 화면 브라우저에서 재생
- 9. Youtube 비디오 플레이어 전체 화면 클릭 이벤트
- 10. 비디오 배경 배너 (전체 페이지가 아님)
- 11. HTML5 섹션 배경 비디오 - 전체 화면
- 12. 전체 화면 배경 비디오 영웅을 얻으려면 어떻게해야합니까?
- 13. 배경 비디오 전체 폭이 아닌 높이
- 14. 배경 비디오 CSS (전체 화면 아님)
- 15. jQuery youtube 비디오 업데이트 비디오
- 16. 비디오 플레이어에서 youtube 비디오 재생
- 17. iPhone Youtube 브라우저의 비디오
- 18. YTPlayerView는 YouTube 앱에서 비디오 상황까지
- 19. HTML 섹션 배경 비디오
- 20. Wordpress/youtube 비디오 게시물
- 21. phonegap에서 youtube 비디오 재생
- 22. Youtube API html5 비디오
- 23. Youtube 비디오 플레이어
- 24. Hidden Youtube 비디오 ID
- 25. jQuery.lightbox : youtube 비디오?
- 26. ASP.NET 4.0 YouTube 비디오
- 27. YouTube 빨간색 비디오 감지
- 28. Youtube 비디오 클립 추가하기
- 29. iframe에 Youtube 비디오 포함하기
- 30. YouTube jsapi 비디오 카드