AutoPlay
-
JS / 유튜브 자주쓰는 iframe player API 매개변수 정리Web dev/ETC 2024. 2. 14. 23:01
자주 쓰는 유튜브 iframe player 매개변수 정리 유튜브영상 시작시간 설정 // 시작시간 설정 유튜브영상 끝나는시간 설정 // 끝나는시간 설정 유튜브영상 자동재생 // 자동재생 설정 mute=1 로 소리없음을 해야 자동재생 유튜브영상 컨트롤러 제거 // controls=0(컨트롤 제거), controls=1(기본값)플레이어 컨트롤이 플레이어에 표시 유튜브영상 로고 제거 // 유튜브 로고 제거: modestbranding=1 유튜브영상 반복 재생 // 반복재생 단일영상은 playlist를 추가 해줘야한다. 유튜브영상 관련 영상 표시 안하기 // 관련 동영상 표시 안하기 유튜브 IFrame Player API https://developers.google.com/youtube/player_parame..
-
JS / swiper linear autoplay 물흐르듯 슬라이드 구현하기Web dev/JavaScript 2023. 6. 17. 17:57
물흐르듯이 스와이퍼를 구현하려면 CSS 를 수정해주면된다. disableOnInteractiond옵션을 false로 해주면 스와이퍼를 잡고 움직여도 다시 물흐르듯 움직인다. 아니면 아예 터치안되도록 처리하는것도 괜찮을 것 같다. let sectionSwiper = new Swiper(".swiper-container.section_swiper", { slidesPerView: "auto", loop:true, observeParents:true, observe:true, autoplay: { delay: 0, disableOnInteraction: false }, speed: 5000, }); .section2 .section_swiper > ul{ align-items: center; /* 이건 빼도 ..