동영상(video) 태그 삽입시 참고사항

아이폰에서 동영상 사용시 전체화면 뜰때 요소에 playsinline 속성을 추가하면 전체화면 전환 없이 바로 재생이 됩니다. 위에서 언급했듯 아이폰에서 autoplay 속성을 사용하고자 할 경우라면 playsinline 속성을 같이 추가해야 원하던 의도대로 화면 안에서 비디오가 바로 재생되는 상황을 만들 수 있다. iframe 사용시playsinline=1" frameborder="0" allowfullscreen> 안드로이드에서 자동재생을 했는데도 동영상이 실행되지 않을때 모바일에서 autoplay 속성을 붙여도 비디오파일에 오디오 트랙이 있으면 자동재생 기능이 동작하지 않는다고 한다. (자세한 내용은 각 디바이스의 운영체제 레퍼런스를 참조해야 할 것.) 꼼수로, muted 속성을 같이 붙이면 자동재생..

그누보드 2020.09.24 0

mCustomScrollbar 예쁜 스크롤바 스크립트로 사용하기

http://manos.malihu.gr/jquery-custom-content-scroller/ jQuery custom content scroller – malihu | web design Last updated on Jul 11, 2016 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQue manos.malihu.gr 1.위 사이트로 접속해서 다운로..

jquery 2019.10.10 0

swiper:사용자가 제작한 네비게이션을 클릭하면 이미지 바뀌게하기

나는 mouseenter를 사용했는데 click을 사용해도 좋다. 등기구 등주 경관조명 태양광 실내조명 개인적으로 스크립트 부분이 해석이 되지 않는데 swiper.on('slideChange', function () { var i = swiper.activeIndex; $('.nav ul li').removeClass('on'); // $('.nav ul li').eq(i).addClass('on'); // }); $('.nav ul li').mouseenter(function(){ var idx = $(this).index() // swiper.slideTo(idx,1000,false); // }); 이부분을 해석하는 것을 조금 더 공부해야 겠다.

jquery 2019.09.27 0

움직이는 막대바 만들기(progress bar) ex.2_setInterval

setInterval () 메소드는 함수를 호출하거나 지정된 간격 (밀리 초)으로 표현식을 평가합니다. setInterval () 메소드는 clearInterval () 이 호출되거나 창이 닫힐 때까지 함수 호출을 계속합니다 . setInterval ()에 의해 리턴 된 ID 값은 clearInterval () 메소드의 매개 변수로 사용됩니다. 팁 : 1000ms = 1 초 팁 : 지정된 밀리 초 후에 함수를 한 번만 실행하려면 setTimeout () 메소드를 사용하십시오 . My Skills HTML 90% CSS 65% JavaScript 80% PHP 60% 왜 갑자기 i가 들어갔는지? i는 1이라는 뜻인가? skill.delay부터 해석이 안된다.....

jquery 2019.10.11 0
반응형