lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Javascript, jQuery 2016‧10‧26

    JS - 유튜브 영상 (음소거,자동재생 상태로) 다중 삽입하기

    웹사이트에 유튜브 영상을 여러개 삽입하여 자동 재생시키되 음소거를 시키고 싶을 경우가 있다. 어떻게 보면 간단할 듯 한데 실제로 적용되기 까다롭다. 이유는 음소거 때문이다. 그냥 html 문서에 iframe으로 <iframe src="http://www.youtube.com/embed/영상ID"> 이런식으로 여러개 놓고 자동재생을 시키고 싶을 때는 영상ID 뒤에 ?autoplay=1 파라미터를 추가하고 반복이면 다시 뒤에&loop=1&playlist=영상ID를 추가해주면 여러 개의 영상이 자동 재생되어 반복 재생된다. 이러한 방식을 <iframe> 태그를 사용하여 IFrame […]

  • Javascript, jQuery 2016‧03‧24

    JS - youtube 재생 완료 이벤트 받기

    유튜브 영상을 가져와서 사이트를 제작할 경우가 발생할 때 여러가지 인터렉션을 구현하게 된다. 그 중 영상의 재생이 끝났다는 이벤트를 받아와서 다른 행동이나 스크립트가 실행되도록 하고자 할 때 아래와 같이 스크립트를 작성한다. 시작 전 ie8 이하는 해당 기능이 되지 않는다.  이유는 html5를 지원하는 브라우저에서만 가능하기 때문이다. <div id="player"></div>  html에 유튜브 영상을 넣을 div를 만들어 놓는다. 스크립트가 실행되면 […]

popular

  • 안드로이드 빌드 오류 - MainApplication.java:60: error: cannot find symbol ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • 리액트 네이티브 - 웹뷰에 유저 에이전트 수정하기 (iOS, Android)
  • [회고] Github Actions가 갑자기 안된다. (Waiting for a runner to pick up this job…)
  • jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
  • [회고] slack slash command + aws lambda 로 rds 스냅샷 생성과 db 복원 기능 만들어 봤다.
  • 게시판 플러그인 KBoard 설치법 및 사용법
  • 무료 UI kit 다운로드
  • 워드프레스 블로그와 페이스북 페이지 게시물 연동!
  • JS - textarea 폰트 사이즈 변경

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....